/** Shopify CDN: Minification failed

Line 4439:0 All "@import" rules must come first
Line 4793:60 Expected identifier but found whitespace
Line 11642:13 Expected identifier but found whitespace
Line 11644:0 Unexpected "@media"
Line 11725:20 Unexpected "*"
Line 11742:20 Unexpected "*"
Line 11794:0 Expected "}" to go with "{"

**/
:root {
  --alpha-button-background: 1;
  --alpha-button-border: 1;
  --alpha-link: 0.85;
  --alpha-badge-border: 0.1;
  --focused-base-outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  --focused-base-outline-offset: 0.3rem;
  --focused-base-box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}

.product-card-wrapper .card,
.contains-card--product {
  --border-radius: var(--product-card-corner-radius);
  --border-width: var(--product-card-border-width);
  --border-opacity: var(--product-card-border-opacity);
  --shadow-horizontal-offset: var(--product-card-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--product-card-shadow-vertical-offset);
  --shadow-blur-radius: var(--product-card-shadow-blur-radius);
  --shadow-opacity: var(--product-card-shadow-opacity);
  --shadow-visible: var(--product-card-shadow-visible);
  --image-padding: var(--product-card-image-padding);
  --text-alignment: var(--product-card-text-alignment);
}

.collection-card-wrapper .card,
.contains-card--collection {
  --border-radius: var(--collection-card-corner-radius);
  --border-width: var(--collection-card-border-width);
  --border-opacity: var(--collection-card-border-opacity);
  --shadow-horizontal-offset: var(--collection-card-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--collection-card-shadow-vertical-offset);
  --shadow-blur-radius: var(--collection-card-shadow-blur-radius);
  --shadow-opacity: var(--collection-card-shadow-opacity);
  --shadow-visible: var(--collection-card-shadow-visible);
  --image-padding: var(--collection-card-image-padding);
  --text-alignment: var(--collection-card-text-alignment);
}

.article-card-wrapper .card,
.contains-card--article {
  --border-radius: var(--blog-card-corner-radius);
  --border-width: var(--blog-card-border-width);
  --border-opacity: var(--blog-card-border-opacity);
  --shadow-horizontal-offset: var(--blog-card-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--blog-card-shadow-vertical-offset);
  --shadow-blur-radius: var(--blog-card-shadow-blur-radius);
  --shadow-opacity: var(--blog-card-shadow-opacity);
  --shadow-visible: var(--blog-card-shadow-visible);
  --image-padding: var(--blog-card-image-padding);
  --text-alignment: var(--blog-card-text-alignment);
}

.contains-content-container,
.content-container {
  --border-radius: var(--text-boxes-radius);
  --border-width: var(--text-boxes-border-width);
  --border-opacity: var(--text-boxes-border-opacity);
  --shadow-horizontal-offset: var(--text-boxes-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--text-boxes-shadow-vertical-offset);
  --shadow-blur-radius: var(--text-boxes-shadow-blur-radius);
  --shadow-opacity: var(--text-boxes-shadow-opacity);
  --shadow-visible: var(--text-boxes-shadow-visible);
}

.contains-media,
.global-media-settings {
  --border-radius: var(--media-radius);
  --border-width: var(--media-border-width);
  --border-opacity: var(--media-border-opacity);
  --shadow-horizontal-offset: var(--media-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--media-shadow-vertical-offset);
  --shadow-blur-radius: var(--media-shadow-blur-radius);
  --shadow-opacity: var(--media-shadow-opacity);
  --shadow-visible: var(--media-shadow-visible);
}

/* base */

.page-width {
  max-width: var(--page-width);
  margin: 0 auto;
  padding: 0 1.5rem;
}

body:has(.section-header .drawer-menu) .announcement-bar-section .page-width {
  max-width: 100%;
}

.page-width.drawer-menu {
  max-width: 100%;
}

.page-width-desktop {
  padding: 0;
  margin: 0 auto;
}

.utility-bar__grid.page-width {
  padding-left: 3rem;
  padding-right: 3rem;
}

@media screen and (min-width: 750px) {
  .page-width {
    padding: 0 5rem;
  }

  .header.page-width,
  .utility-bar__grid.page-width {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
  }

  .page-width--narrow {
    padding: 0 9rem;
  }

  .page-width-desktop {
    padding: 0;
  }

  .page-width-tablet {
    padding: 0 5rem;
  }
}

@media screen and (min-width: 990px) {
  .header:not(.drawer-menu).page-width {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .page-width--narrow {
    max-width: 72.6rem;
    padding: 0;
  }

  .page-width-desktop {
    max-width: var(--page-width);
    padding: 0 5rem;
  }
}

.isolate {
  position: relative;
  z-index: 0;
}

.section + .section {
  margin-top: var(--spacing-sections-mobile);
}

@media screen and (min-width: 750px) {
  .section + .section {
    margin-top: var(--spacing-sections-desktop);
  }
}

.element-margin-top {
  margin-top: 5rem;
}

@media screen and (min-width: 750px) {
  .element-margin {
    margin-top: calc(5rem + var(--page-width-margin));
  }
}

.background-secondary {
  background-color: rgba(var(--color-foreground), 0.04);
}

.grid-auto-flow {
  display: grid;
  grid-auto-flow: column;
}

.page-margin,
.shopify-challenge__container {
  margin: 7rem auto;
}

.rte-width {
  max-width: 82rem;
  margin: 0 auto 2rem;
}

.list-unstyled {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hidden {
  display: none !important;
}

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

.visually-hidden--inline {
  margin: 0;
  height: 1em;
}

.overflow-hidden {
  overflow: hidden;
}

.skip-to-content-link:focus {
  z-index: 9999;
  position: inherit;
  overflow: auto;
  width: auto;
  height: auto;
  clip: auto;
}

.full-width-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}

::selection {
  background-color: rgba(var(--color-foreground), 0.2);
}

.text-body {
  font-size: 1.5rem;
  letter-spacing: 0.06rem;
  line-height: calc(1 + 0.8 / var(--font-body-scale));
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
}

h1,
h2,
h3,
h4,
h5,
.h0,
.h1,
.h2,
.h3,
.h4,
.h5 {
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  letter-spacing: calc(var(--font-heading-scale) * 0.06rem);
  color: rgb(var(--color-foreground));
  line-height: calc(1 + 0.3 / max(1, var(--font-heading-scale)));
  word-break: break-word;
}

.hxxl {
  font-size: clamp(calc(var(--font-heading-scale) * 5.6rem), 14vw, calc(var(--font-heading-scale) * 7.2rem));
  line-height: 1.1;
}

.hxl {
  font-size: calc(var(--font-heading-scale) * 5rem);
  line-height: calc(1 + 0.3 / max(1, var(--font-heading-scale)));
}

@media only screen and (min-width: 750px) {
  .hxl {
    font-size: calc(var(--font-heading-scale) * 6.2rem);
  }
}

.h0 {
  font-size: calc(var(--font-heading-scale) * 4rem);
}

@media only screen and (min-width: 750px) {
  .h0 {
    font-size: calc(var(--font-heading-scale) * 5.2rem);
  }
}

h1,
.h1 {
  font-size: calc(var(--font-heading-scale) * 3rem);
}

@media only screen and (min-width: 750px) {
  h1,
  .h1 {
    font-size: calc(var(--font-heading-scale) * 4rem);
  }
}

h2,
.h2 {
  font-size: calc(var(--font-heading-scale) * 2rem);
}

@media only screen and (min-width: 750px) {
  h2,
  .h2 {
    font-size: calc(var(--font-heading-scale) * 2.4rem);
  }
}

h3,
.h3 {
  font-size: calc(var(--font-heading-scale) * 1.7rem);
}

@media only screen and (min-width: 750px) {
  h3,
  .h3 {
    font-size: calc(var(--font-heading-scale) * 1.8rem);
  }
}

h4,
.h4 {
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-size: calc(var(--font-heading-scale) * 1.5rem);
}

h5,
.h5 {
  font-size: calc(var(--font-heading-scale) * 1.2rem);
}

@media only screen and (min-width: 750px) {
  h5,
  .h5 {
    font-size: calc(var(--font-heading-scale) * 1.3rem);
  }
}

h6,
.h6 {
  color: rgba(var(--color-foreground), 0.75);
  margin-block-start: 1.67em;
  margin-block-end: 1.67em;
}

blockquote {
  font-style: italic;
  color: rgba(var(--color-foreground), 0.75);
  border-left: 0.2rem solid rgba(var(--color-foreground), 0.2);
  padding-left: 1rem;
}

@media screen and (min-width: 750px) {
  blockquote {
    padding-left: 1.5rem;
  }
}

.caption {
  font-size: 1rem;
  letter-spacing: 0.07rem;
  line-height: calc(1 + 0.7 / var(--font-body-scale));
}

@media screen and (min-width: 750px) {
  .caption {
    font-size: 1.2rem;
  }
}

.caption-with-letter-spacing {
  font-size: 1rem;
  letter-spacing: 0.13rem;
  line-height: calc(1 + 0.2 / var(--font-body-scale));
  text-transform: uppercase;
}

.caption-with-letter-spacing--medium {
  font-size: 1.2rem;
  letter-spacing: 0.16rem;
}

.caption-with-letter-spacing--large {
  font-size: 1.4rem;
  letter-spacing: 0.18rem;
}

.caption-large,
.customer .field input,
.customer select,
.field__input,
.form__label,
.select__select {
  font-size: 1.3rem;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  letter-spacing: 0.04rem;
}

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

table:not([class]) {
  table-layout: fixed;
  border-collapse: collapse;
  font-size: 1.4rem;
  border-style: hidden;
  box-shadow: 0 0 0 0.1rem rgba(var(--color-foreground), 0.2);
  /* draws the table border  */
}

table:not([class]) td,
table:not([class]) th {
  padding: 1em;
  border: 0.1rem solid rgba(var(--color-foreground), 0.2);
}

@media screen and (max-width: 749px) {
  .small-hide {
    display: none !important;
  }
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .medium-hide {
    display: none !important;
  }
}

@media screen and (min-width: 990px) {
  .large-up-hide {
    display: none !important;
  }
}

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.uppercase {
  text-transform: uppercase;
}

.light {
  opacity: 0.7;
}

a:empty,
ul:empty,
dl:empty,
div:empty,
section:empty,
article:empty,
p:empty,
h1:empty,
h2:empty,
h3:empty,
h4:empty,
h5:empty,
h6:empty {
  display: none;
}

.link,
.customer a {
  cursor: pointer;
  display: inline-block;
  border: none;
  box-shadow: none;
  text-decoration: underline;
  text-underline-offset: 0.3rem;
  color: rgb(var(--color-link));
  background-color: transparent;
  font-size: 1.4rem;
  font-family: inherit;
}

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

.link--text:hover {
  color: rgba(var(--color-foreground), 0.75);
}

.link-with-icon {
  display: inline-flex;
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 0.1rem;
  text-decoration: none;
  margin-bottom: 4.5rem;
  white-space: nowrap;
}

.link-with-icon .icon {
  width: 1.5rem;
  margin-left: 1rem;
}

a:not([href]) {
  cursor: not-allowed;
}

.circle-divider::after {
  content: '\2022';
  margin: 0 1.3rem 0 1.5rem;
}

.circle-divider:last-of-type::after {
  display: none;
}

hr {
  border: none;
  height: 0.1rem;
  background-color: rgba(var(--color-foreground), 0.2);
  display: block;
  margin: 5rem 0;
}

@media screen and (min-width: 750px) {
  hr {
    margin: 7rem 0;
  }
}

.full-unstyled-link {
  text-decoration: none;
  color: currentColor;
  display: block;
}

.placeholder {
  background-color: rgba(var(--color-foreground), 0.04);
  color: rgba(var(--color-foreground), 0.55);
  fill: rgba(var(--color-foreground), 0.55);
}

details > * {
  box-sizing: border-box;
}

.break {
  word-break: break-word;
}

.visibility-hidden {
  visibility: hidden;
}

@media (prefers-reduced-motion) {
  .motion-reduce {
    transition: none !important;
    animation: none !important;
  }
}

:root {
  --duration-short: 100ms;
  --duration-default: 200ms;
  --duration-announcement-bar: 250ms;
  --duration-medium: 300ms;
  --duration-long: 500ms;
  --duration-extra-long: 600ms;
  --duration-extra-longer: 750ms;
  --duration-extended: 3s;
  --ease-out-slow: cubic-bezier(0, 0, 0.3, 1);
  --animation-slide-in: slideIn var(--duration-extra-long) var(--ease-out-slow) forwards;
  --animation-fade-in: fadeIn var(--duration-extra-long) var(--ease-out-slow);
}

.underlined-link,
.customer a,
.inline-richtext a {
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 0.1rem;
  transition: text-decoration-thickness ease 100ms;
}

.underlined-link,
.customer a {
  color: rgba(var(--color-link), var(--alpha-link));
}

.inline-richtext a,
.rte.inline-richtext a {
  color: currentColor;
}

.underlined-link:hover,
.customer a:hover,
.inline-richtext a:hover {
  color: rgb(var(--color-link));
  text-decoration-thickness: 0.2rem;
}

.icon-arrow {
  width: 1.5rem;
}

h3 .icon-arrow,
.h3 .icon-arrow {
  width: calc(var(--font-heading-scale) * 1.5rem);
}

/* arrow animation */
.animate-arrow .icon-arrow path {
  transform: translateX(-0.25rem);
  transition: transform var(--duration-short) ease;
}

.animate-arrow:hover .icon-arrow path {
  transform: translateX(-0.05rem);
}

.svg-wrapper {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
}

.svg-wrapper > svg {
  height: 100%;
  width: 100%;
}

/* base-details-summary */
summary {
  cursor: pointer;
  list-style: none;
  position: relative;
}

summary .icon-caret {
  position: absolute;
  height: 0.6rem;
  right: 1.5rem;
  top: calc(50% - 0.2rem);
}

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

.disclosure-has-popup {
  position: relative;
}

.disclosure-has-popup[open] > summary::before {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: block;
  cursor: default;
  content: ' ';
  background: transparent;
}

.disclosure-has-popup > summary::before {
  display: none;
}

.disclosure-has-popup[open] > summary + * {
  z-index: 100;
}

@media screen and (min-width: 750px) {
  .disclosure-has-popup[open] > summary + * {
    z-index: 4;
  }

  .facets .disclosure-has-popup[open] > summary + * {
    z-index: 2;
  }
}

.placeholder-svg {
  height: 100%;
  width: 100%;
}

/* base-focus */
/*
  Focus ring - default (with offset)
*/

*:focus {
  outline: 0;
  box-shadow: none;
}

*:focus-visible {
  outline: var(--focused-base-outline);
  outline-offset: var(--focused-base-outline-offset);
  box-shadow: var(--focused-base-box-shadow);
}

/* Fallback - for browsers that don't support :focus-visible, a fallback is set for :focus */
.focused {
  outline: var(--focused-base-outline);
  outline-offset: var(--focused-base-outline-offset);
  box-shadow: var(--focused-base-box-shadow);
}

/*
  Focus ring - inset
*/

.focus-inset:focus-visible {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: -0.2rem;
  box-shadow: 0 0 0.2rem 0 rgba(var(--color-foreground), 0.3);
}

.focused.focus-inset {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: -0.2rem;
  box-shadow: 0 0 0.2rem 0 rgba(var(--color-foreground), 0.3);
}

/*
  Focus ring - none
*/

/* Dangerous for a11y - Use with care */
.focus-none {
  box-shadow: none !important;
  outline: 0 !important;
}

.focus-offset:focus-visible {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 1rem;
  box-shadow: 0 0 0 1rem rgb(var(--color-background)), 0 0 0.2rem 1.2rem rgba(var(--color-foreground), 0.3);
}

.focus-offset.focused {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 1rem;
  box-shadow: 0 0 0 1rem rgb(var(--color-background)), 0 0 0.2rem 1.2rem rgba(var(--color-foreground), 0.3);
}

/* component-title */
.title,
.title-wrapper-with-link {
  margin: 3rem 0 2rem;
}

.title-wrapper-with-link .title {
  margin: 0;
}

.title .link {
  font-size: inherit;
}

.title-wrapper {
  margin-bottom: 3rem;
}

.title-wrapper-with-link {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1rem;
  margin-bottom: 3rem;
  flex-wrap: wrap;
}

.title--primary {
  margin: 4rem 0;
}

.title-wrapper--self-padded-tablet-down,
.title-wrapper--self-padded-mobile {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media screen and (min-width: 750px) {
  .title-wrapper--self-padded-mobile {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 990px) {
  .title,
  .title-wrapper-with-link {
    margin: 5rem 0 3rem;
  }

  .title--primary {
    margin: 2rem 0;
  }

  .title-wrapper-with-link {
    align-items: center;
  }

  .title-wrapper-with-link .title {
    margin-bottom: 0;
  }

  .title-wrapper--self-padded-tablet-down {
    padding-left: 0;
    padding-right: 0;
  }
}

.title-wrapper-with-link .link-with-icon {
  margin: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.title-wrapper-with-link .link-with-icon .svg-wrapper {
  width: 1.5rem;
}

.title-wrapper-with-link a {
  margin-top: 0;
  flex-shrink: 0;
}

.title-wrapper--no-top-margin {
  margin-top: 0;
}

.title-wrapper--no-top-margin > .title {
  margin-top: 0;
}

.subtitle {
  font-size: 1.8rem;
  line-height: calc(1 + 0.8 / var(--font-body-scale));
  letter-spacing: 0.06rem;
  color: rgba(var(--color-foreground), 0.7);
}

.subtitle--small {
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
}

.subtitle--medium {
  font-size: 1.6rem;
  letter-spacing: 0.08rem;
}

/* component-grid */
.grid {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem;
  padding: 0;
  list-style: none;
  column-gap: var(--grid-mobile-horizontal-spacing);
  row-gap: var(--grid-mobile-vertical-spacing);
}

@media screen and (min-width: 750px) {
  .grid {
    column-gap: var(--grid-desktop-horizontal-spacing);
    row-gap: var(--grid-desktop-vertical-spacing);
  }
}

.grid:last-child {
  margin-bottom: 0;
}

.grid__item {
  width: calc(25% - var(--grid-mobile-horizontal-spacing) * 3 / 4);
  max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
  flex-grow: 1;
  flex-shrink: 0;
}

@media screen and (min-width: 750px) {
  .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }
}

.grid--gapless.grid {
  column-gap: 0;
  row-gap: 0;
}

@media screen and (max-width: 749px) {
  .grid__item.slider__slide--full-width {
    width: 100%;
    max-width: none;
  }
}

.grid--1-col .grid__item {
  max-width: 100%;
  width: 100%;
}

.grid--3-col .grid__item {
  width: calc(33.33% - var(--grid-mobile-horizontal-spacing) * 2 / 3);
}

@media screen and (min-width: 750px) {
  .grid--3-col .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
  }
}

.grid--2-col .grid__item {
  width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
}

@media screen and (min-width: 750px) {
  .grid--2-col .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }

  .grid--4-col-tablet .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
  }

  .grid--3-col-tablet .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
  }

  .grid--2-col-tablet .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }
}

@media screen and (max-width: 989px) {
  .grid--1-col-tablet-down .grid__item {
    width: 100%;
    max-width: 100%;
  }

  .slider--tablet.grid--peek {
    margin: 0;
    width: 100%;
  }

  .slider--tablet.grid--peek .grid__item {
    box-sizing: content-box;
    margin: 0;
  }

  .slider.slider--tablet .scroll-trigger.animate--slide-in,
  .slider.slider--mobile .scroll-trigger.animate--slide-in {
    animation: none;
    opacity: 1;
    transform: inherit;
  }

  .scroll-trigger:not(.scroll-trigger--offscreen) .slider--tablet {
    animation: var(--animation-slide-in);
  }
}

@media screen and (min-width: 990px) {
  .grid--6-col-desktop .grid__item {
    width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6);
    max-width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6);
  }

  .grid--5-col-desktop .grid__item {
    width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
    max-width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
  }

  .grid--4-col-desktop .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
    max-width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
  }

  .grid--3-col-desktop .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
    max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
  }

  .grid--2-col-desktop .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }

  .slider.slider--desktop .scroll-trigger.animate--slide-in {
    animation: none;
    opacity: 1;
    transform: inherit;
  }

  .scroll-trigger:not(.scroll-trigger--offscreen) .slider--desktop {
    animation: var(--animation-slide-in);
  }
}

@media screen and (min-width: 990px) {
  .grid--1-col-desktop {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .grid--1-col-desktop .grid__item {
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 749px) {
  .grid--peek.slider--mobile {
    margin: 0;
    width: 100%;
  }

  .grid--peek.slider--mobile .grid__item {
    box-sizing: content-box;
    margin: 0;
  }

  .grid--peek .grid__item {
    min-width: 35%;
  }

  .grid--peek.slider .grid__item:first-of-type {
    margin-left: 1.5rem;
  }

  /* Fix to show some space at the end of our sliders in all browsers */
  .grid--peek.slider:after {
    margin-left: calc(-1 * var(--grid-mobile-horizontal-spacing));
  }

  .grid--2-col-tablet-down .grid__item {
    width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
  }

  .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item,
  .grid--peek .grid__item {
    width: calc(50% - var(--grid-mobile-horizontal-spacing) - 3rem);
  }

  .slider--tablet.grid--peek.grid--1-col-tablet-down .grid__item,
  .slider--mobile.grid--peek.grid--1-col-tablet-down .grid__item {
    width: calc(100% - var(--grid-mobile-horizontal-spacing) - 3rem);
  }
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .slider--tablet.grid--peek .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) - 3rem);
  }

  .slider--tablet.grid--peek.grid--3-col-tablet .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) - 3rem);
  }

  .slider--tablet.grid--peek.grid--2-col-tablet .grid__item,
  .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) - 3rem);
  }

  .slider--tablet.grid--peek .grid__item:first-of-type {
    margin-left: 1.5rem;
  }

  .grid--2-col-tablet-down .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }

  .grid--1-col-tablet-down.grid--peek .grid__item {
    width: calc(100% - var(--grid-desktop-horizontal-spacing) - 3rem);
  }
}

/* component-media */
.media {
  display: block;
  background-color: rgba(var(--color-foreground), 0.1);
  position: relative;
  overflow: hidden;
}

.media--transparent {
  background-color: transparent;
}

.media > *:not(.zoom):not(.deferred-media__poster-button),
.media model-viewer {
  display: block;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.media > img {
  object-fit: cover;
  object-position: center center;
  transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.media--square {
  padding-bottom: 100%;
}

.media--portrait {
  padding-bottom: 125%;
}

.media--landscape {
  padding-bottom: 66.6%;
}

.media--cropped {
  padding-bottom: 56%;
}

.media--16-9 {
  padding-bottom: 56.25%;
}

.media--circle {
  padding-bottom: 100%;
  border-radius: 50%;
}

.media.media--hover-effect > img + img {
  opacity: 0;
}

@media screen and (min-width: 990px) {
  .media--cropped {
    padding-bottom: 63%;
  }
}

deferred-media {
  display: block;
}

/* component-button */
/* Button - default */

.button--secondary,
.button--tertiary {
  --color-button: var(--color-secondary-button);
  --color-button-text: var(--color-secondary-button-text);
}

.button--tertiary {
  --alpha-button-background: 0;
  --alpha-button-border: 0.2;
}

.button,
.shopify-challenge__button,
.customer button,
button.shopify-payment-button__button--unbranded {
  --shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--buttons-shadow-vertical-offset);
  --shadow-blur-radius: var(--buttons-shadow-blur-radius);
  --shadow-opacity: var(--buttons-shadow-opacity);
  --shadow-visible: var(--buttons-shadow-visible);
  --border-offset: var(--buttons-border-offset); /* reduce radius edge artifacts */
  --border-opacity: calc(1 - var(--buttons-border-opacity));
  border-radius: var(--buttons-radius-outset);
  position: relative;
}

.button,
.shopify-challenge__button,
.customer button,
button.shopify-payment-button__button--unbranded {
  min-width: calc(12rem + var(--buttons-border-width) * 2);
  min-height: calc(4.5rem + var(--buttons-border-width) * 2);
}

.button,
.shopify-challenge__button,
.customer button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 0;
  padding: 0 3rem;
  cursor: pointer;
  font: inherit;
  font-size: 1.5rem;
  text-decoration: none;
  color: rgb(var(--color-button-text));
  transition: box-shadow var(--duration-short) ease;
  -webkit-appearance: none;
  appearance: none;
  background-color: rgba(var(--color-button), var(--alpha-button-background));
}

.button:before,
.shopify-challenge__button:before,
.customer button:before,
.shopify-payment-button__button--unbranded:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: var(--buttons-radius-outset);
  box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius)
    rgba(var(--color-shadow), var(--shadow-opacity));
}

.button:after,
.shopify-challenge__button:after,
.customer button:after,
.shopify-payment-button__button--unbranded:after {
  content: '';
  position: absolute;
  top: var(--buttons-border-width);
  right: var(--buttons-border-width);
  bottom: var(--buttons-border-width);
  left: var(--buttons-border-width);
  z-index: 1;
  border-radius: var(--buttons-radius);
  box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset))
      rgba(var(--color-button-text), var(--border-opacity)),
    0 0 0 var(--buttons-border-width) rgba(var(--color-button), var(--alpha-button-background));
  transition: box-shadow var(--duration-short) ease;
}

.button:not([disabled]):hover::after,
.shopify-challenge__button:hover::after,
.customer button:hover::after,
.shopify-payment-button__button--unbranded:hover::after {
  --border-offset: 1.3px;
  box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset))
      rgba(var(--color-button-text), var(--border-opacity)),
    0 0 0 calc(var(--buttons-border-width) + 1px) rgba(var(--color-button), var(--alpha-button-background));
}

.button--secondary:after {
  --border-opacity: var(--buttons-border-opacity);
}

.button:focus-visible,
.button:focus,
.button.focused,
.shopify-payment-button__button--unbranded:focus-visible,
.shopify-payment-button__button--unbranded:focus {
  outline: 0;
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0 0.5rem rgba(var(--color-foreground), 0.5),
    0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}

.button:focus:not(:focus-visible):not(.focused),
.shopify-payment-button__button--unbranded:focus:not(:focus-visible):not(.focused) {
  box-shadow: inherit;
}

.button::selection,
.shopify-challenge__button::selection,
.customer button::selection {
  background-color: rgba(var(--color-button-text), 0.3);
}

.button,
.button-label,
.shopify-challenge__button,
.customer button {
  font-size: 1.5rem;
  letter-spacing: 0.1rem;
  line-height: calc(1 + 0.2 / var(--font-body-scale));
}

.button--tertiary {
  font-size: 1.2rem;
  padding: 1rem 1.5rem;
  min-width: calc(9rem + var(--buttons-border-width) * 2);
  min-height: calc(3.5rem + var(--buttons-border-width) * 2);
}

.button--small {
  padding: 1.2rem 2.6rem;
}

/* Shopify Accelerated Checkout */

shopify-accelerated-checkout {
  --shopify-accelerated-checkout-button-border-radius: var(--buttons-radius-outset);
  --shopify-accelerated-checkout-button-box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius)
  rgba(var(--color-shadow), var(--shadow-opacity));
}
shopify-accelerated-checkout-cart {
  --shopify-accelerated-checkout-button-border-radius: var(--buttons-radius-outset);
  --shopify-accelerated-checkout-button-box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius)
  rgba(var(--color-shadow), var(--shadow-opacity));
}


/* Button - other */

.button:disabled,
.button[aria-disabled='true'],
.button.disabled,
.customer button:disabled,
.customer button[aria-disabled='true'],
.customer button.disabled,
.quantity__button.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.button--full-width {
  display: flex;
  width: 100%;
}

.button.loading {
  color: transparent;
  position: relative;
}

@media screen and (forced-colors: active) {
  .button.loading {
    color: rgb(var(--color-foreground));
  }
}

.button.loading > .loading__spinner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  height: 100%;
  display: flex;
  align-items: center;
}

.button.loading > .loading__spinner .spinner {
  width: fit-content;
}

.button.loading > .loading__spinner .path {
  stroke: rgb(var(--color-button-text));
}

/* Button - social share */

.share-button {
  display: block;
  position: relative;
}

.share-button details {
  width: fit-content;
}

.share-button__button {
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  color: rgb(var(--color-link));
  margin-left: 0;
  padding-left: 0;
  min-height: 4.4rem;
}

details[open] > .share-button__fallback {
  animation: animateMenuOpen var(--duration-default) ease;
}

.share-button__button:hover {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

.share-button__button,
.share-button__fallback button {
  cursor: pointer;
  background-color: transparent;
  border: none;
}

.share-button__button .icon-share {
  height: 1.2rem;
  margin-right: 1rem;
  min-width: 1.3rem;
}

.share-button__fallback {
  display: flex;
  align-items: center;
  position: absolute;
  top: 3rem;
  left: 0.1rem;
  z-index: 3;
  width: 100%;
  min-width: max-content;
  border-radius: var(--inputs-radius);
  border: 0;
}

.share-button__fallback:after {
  pointer-events: none;
  content: '';
  position: absolute;
  top: var(--inputs-border-width);
  right: var(--inputs-border-width);
  bottom: var(--inputs-border-width);
  left: var(--inputs-border-width);
  border: 0.1rem solid transparent;
  border-radius: var(--inputs-radius);
  box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground), var(--inputs-border-opacity));
  transition: box-shadow var(--duration-short) ease;
  z-index: 1;
}

.share-button__fallback:before {
  background: rgb(var(--color-background));
  pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--inputs-radius-outset);
  box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset)
    var(--inputs-shadow-blur-radius) rgba(var(--color-shadow), var(--inputs-shadow-opacity));
  z-index: -1;
}

.share-button__fallback button {
  width: 4.4rem;
  height: 4.4rem;
  padding: 0;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  right: var(--inputs-border-width);
}

.share-button__fallback button:hover {
  color: rgba(var(--color-foreground), 0.75);
}

.share-button__fallback button:hover .svg-wrapper {
  transform: scale(1.07);
}

.share-button__close:not(.hidden) + .share-button__copy {
  display: none;
}

.share-button__close,
.share-button__copy {
  background-color: transparent;
  color: rgb(var(--color-foreground));
}

.share-button__copy:focus-visible,
.share-button__close:focus-visible {
  background-color: rgb(var(--color-background));
  z-index: 2;
}

.share-button__copy:focus,
.share-button__close:focus {
  background-color: rgb(var(--color-background));
  z-index: 2;
}

.field:not(:focus-visible):not(.focused) + .share-button__copy:not(:focus-visible):not(.focused),
.field:not(:focus-visible):not(.focused) + .share-button__close:not(:focus-visible):not(.focused) {
  background-color: inherit;
}

.share-button__fallback .field:after,
.share-button__fallback .field:before {
  content: none;
}

.share-button__fallback .field {
  border-radius: 0;
  min-width: auto;
  min-height: auto;
  transition: none;
}

.share-button__fallback .field__input:focus,
.share-button__fallback .field__input:-webkit-autofill {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 0.1rem;
  box-shadow: 0 0 0 0.1rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}

.share-button__fallback .field__input {
  box-shadow: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  filter: none;
  min-width: auto;
  min-height: auto;
}

.share-button__fallback .field__input:hover {
  box-shadow: none;
}

.share-button__fallback .icon {
  width: 1.5rem;
  height: 1.5rem;
}

.share-button__message:not(:empty) {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding: 0.8rem 0 0.8rem 1.5rem;
  margin: var(--inputs-border-width);
}

.share-button__message:not(:empty):not(.hidden) ~ * {
  display: none;
}

/* component-form */
.field__input,
.select__select,
.customer .field input,
.customer select {
  -webkit-appearance: none;
  appearance: none;
  background-color: rgb(var(--color-background));
  color: rgb(var(--color-foreground));
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  font-size: 1.6rem;
  width: 100%;
  box-sizing: border-box;
  transition: box-shadow var(--duration-short) ease;
  border-radius: var(--inputs-radius);
  height: 4.5rem;
  min-height: calc(var(--inputs-border-width) * 2);
  min-width: calc(7rem + (var(--inputs-border-width) * 2));
  position: relative;
  border: 0;
}

.field:before,
.select:before,
.customer .field:before,
.customer select:before,
.localization-form__select:before {
  pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--inputs-radius-outset);
  box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset)
    var(--inputs-shadow-blur-radius) rgba(var(--color-shadow), var(--inputs-shadow-opacity));
  z-index: -1;
}

.field:after,
.select:after,
.customer .field:after,
.customer select:after,
.localization-form__select:after {
  pointer-events: none;
  content: '';
  position: absolute;
  top: var(--inputs-border-width);
  right: var(--inputs-border-width);
  bottom: var(--inputs-border-width);
  left: var(--inputs-border-width);
  border: 0.1rem solid transparent;
  border-radius: var(--inputs-radius);
  box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground), var(--inputs-border-opacity));
  transition: box-shadow var(--duration-short) ease;
  z-index: 1;
}

.select__select {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  font-size: 1.2rem;
  color: rgba(var(--color-foreground), 0.75);
}

.field:hover.field:after,
.select:hover.select:after,
.select__select:hover.select__select:after,
.customer .field:hover.field:after,
.customer select:hover.select:after,
.localization-form__select:hover.localization-form__select:after {
  box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width))
    rgba(var(--color-foreground), var(--inputs-border-opacity));
  outline: 0;
  border-radius: var(--inputs-radius);
}

.field__input:focus-visible,
.select__select:focus-visible,
.customer .field input:focus-visible,
.customer select:focus-visible,
.localization-form__select:focus-visible.localization-form__select:after {
  box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width)) rgba(var(--color-foreground));
  outline: 0;
  border-radius: var(--inputs-radius);
}

.field__input:focus,
.select__select:focus,
.customer .field input:focus,
.customer select:focus,
.localization-form__select:focus.localization-form__select:after {
  box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width)) rgba(var(--color-foreground));
  outline: 0;
  border-radius: var(--inputs-radius);
}

.localization-form__select:focus {
  outline: 0;
  box-shadow: none;
}

.text-area,
.select {
  display: flex;
  position: relative;
  width: 100%;
}

/* Select */

.select .svg-wrapper,
.customer select + .svg-wrapper {
  height: 0.6rem;
  width: 1rem;
  pointer-events: none;
  position: absolute;
  top: calc(50% - 0.2rem);
  right: 0;
}

.select__select,
.customer select {
  cursor: pointer;
  line-height: calc(1 + 0.6 / var(--font-body-scale));
  padding: 0 calc(var(--inputs-border-width) + 3rem) 0 2rem;
  margin: var(--inputs-border-width);
  min-height: calc(var(--inputs-border-width) * 2);
}

/* Field */

.field {
  position: relative;
  width: 100%;
  display: flex;
  transition: box-shadow var(--duration-short) ease;
}

.customer .field {
  display: flex;
}

.field--with-error {
  flex-wrap: wrap;
}

.field__input,
.customer .field input {
  flex-grow: 1;
  text-align: left;
  padding: 1.5rem;
  margin: var(--inputs-border-width);
  transition: box-shadow var(--duration-short) ease;
}

.field__label,
.customer .field label {
  font-size: 1.6rem;
  left: calc(var(--inputs-border-width) + 2rem);
  top: calc(1rem + var(--inputs-border-width));
  margin-bottom: 0;
  pointer-events: none;
  position: absolute;
  transition: top var(--duration-short) ease, font-size var(--duration-short) ease;
  color: rgba(var(--color-foreground), 0.75);
  letter-spacing: 0.1rem;
  line-height: 1.5;
}

.field__input:focus ~ .field__label,
.field__input:not(:placeholder-shown) ~ .field__label,
.field__input:-webkit-autofill ~ .field__label,
.customer .field input:focus ~ label,
.customer .field input:not(:placeholder-shown) ~ label,
.customer .field input:-webkit-autofill ~ label {
  font-size: 1rem;
  top: calc(var(--inputs-border-width) + 0.5rem);
  left: calc(var(--inputs-border-width) + 2rem);
  letter-spacing: 0.04rem;
}

.field__input:focus,
.field__input:not(:placeholder-shown),
.field__input:-webkit-autofill,
.customer .field input:focus,
.customer .field input:not(:placeholder-shown),
.customer .field input:-webkit-autofill {
  padding: 2.2rem 1.5rem 0.8rem 2rem;
  margin: var(--inputs-border-width);
}

.field__input::-webkit-search-cancel-button,
.customer .field input::-webkit-search-cancel-button {
  display: none;
}

.field__input::placeholder,
.customer .field input::placeholder {
  opacity: 0;
}

.field__button {
  align-items: center;
  background-color: transparent;
  border: 0;
  color: currentColor;
  cursor: pointer;
  display: flex;
  height: 4.4rem;
  justify-content: center;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 4.4rem;
}

.field__button > .svg-wrapper {
  height: 2.5rem;
  width: 2.5rem;
}

.field__input:-webkit-autofill ~ .field__button,
.field__input:-webkit-autofill ~ .field__label,
.customer .field input:-webkit-autofill ~ label {
  color: rgb(0, 0, 0);
}

/* Text area */

.text-area {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  min-height: 10rem;
  resize: none;
}

input[type='checkbox'] {
  display: inline-block;
  width: auto;
  margin-right: 0.5rem;
}

/* Form global */

.form__label {
  display: block;
  margin-bottom: 0.6rem;
}

.form__message {
  align-items: center;
  display: flex;
  font-size: 1.4rem;
  line-height: 1;
  margin-top: 1rem;
}

.form__message--large {
  font-size: 1.6rem;
}

.customer .field .form__message {
  font-size: 1.4rem;
  text-align: left;
}

.form__message .icon,
.customer .form__message .svg-wrapper {
  flex-shrink: 0;
  height: 1.3rem;
  margin-right: 0.5rem;
  width: 1.3rem;
}

.form__message--large .icon,
.customer .form__message .svg-wrapper {
  height: 1.5rem;
  width: 1.5rem;
  margin-right: 1rem;
}

.customer .field .form__message .svg-wrapper {
  align-self: start;
}

.form-status {
  margin: 0;
  font-size: 1.6rem;
}

.form-status-list {
  padding: 0;
  margin: 2rem 0 4rem;
}

.form-status-list li {
  list-style-position: inside;
}

.form-status-list .link::first-letter {
  text-transform: capitalize;
}

/* component-quantity */
.quantity {
  color: rgba(var(--color-foreground));
  position: relative;
  width: calc(14rem / var(--font-body-scale) + var(--inputs-border-width) * 2);
  display: flex;
  border-radius: var(--inputs-radius);
  min-height: calc((var(--inputs-border-width) * 2) + 4.5rem);
}

.quantity:after {
  pointer-events: none;
  content: '';
  position: absolute;
  top: var(--inputs-border-width);
  right: var(--inputs-border-width);
  bottom: var(--inputs-border-width);
  left: var(--inputs-border-width);
  border: 0.1rem solid transparent;
  border-radius: var(--inputs-radius);
  box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground), var(--inputs-border-opacity));
  transition: box-shadow var(--duration-short) ease;
  z-index: 1;
}

.quantity:before {
  background: rgb(var(--color-background));
  pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--inputs-radius-outset);
  box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset)
    var(--inputs-shadow-blur-radius) rgba(var(--color-shadow), var(--inputs-shadow-opacity));
  z-index: -1;
}

.quantity__input {
  color: currentColor;
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  font-size: 1.6rem;
  font-weight: 500;
  opacity: 0.85;
  text-align: center;
  background-color: transparent;
  border: 0;
  padding: 0 0.5rem;
  width: 100%;
  flex-grow: 1;
  -webkit-appearance: none;
  appearance: none;
}

.quantity__button {
  width: calc(4.5rem / var(--font-body-scale));
  flex-shrink: 0;
  font-size: 1.8rem;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(var(--color-foreground));
  padding: 0;
}

.quantity__button:first-child {
  margin-left: calc(var(--inputs-border-width));
}

.quantity__button:last-child {
  margin-right: calc(var(--inputs-border-width));
}

.quantity__button .svg-wrapper {
  width: 1rem;
  pointer-events: none;
}

.quantity__button:focus-visible,
.quantity__input:focus-visible {
  background-color: rgb(var(--color-background));
  z-index: 2;
}

.quantity__button:focus,
.quantity__input:focus {
  background-color: rgb(var(--color-background));
  z-index: 2;
}

.quantity__button:not(:focus-visible):not(.focused),
.quantity__input:not(:focus-visible):not(.focused) {
  box-shadow: inherit;
  background-color: inherit;
}

.quantity__input:-webkit-autofill,
.quantity__input:-webkit-autofill:hover,
.quantity__input:-webkit-autofill:active {
  box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important;
  -webkit-box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important;
}

.quantity__input::-webkit-outer-spin-button,
.quantity__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.quantity__input[type='number'] {
  -moz-appearance: textfield;
}

.quantity__rules {
  margin-top: 0.5rem;
  position: relative;
  font-size: 1.2rem;
}

.quantity__rules .caption {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
}

.quantity__rules .divider + .divider::before {
  content: '\2022';
  margin: 0 0.5rem;
}

.quantity__rules-cart {
  position: relative;
}

.product__info-container .loading__spinner:not(.hidden) ~ *,
.quantity__rules-cart .loading__spinner:not(.hidden) ~ * {
  visibility: hidden;
}

/* component-modal */
.modal__toggle {
  list-style-type: none;
}

.modal__toggle-close {
  display: none;
}

.modal__toggle-open {
  display: flex;
}

.modal__close-button.link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0rem;
  height: 4.4rem;
  width: 4.4rem;
  background-color: transparent;
}

.modal__close-button .icon {
  width: 1.7rem;
  height: 1.7rem;
}

.modal__content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(var(--color-background));
  z-index: 4;
  display: flex;
  justify-content: center;
  align-items: center;
}

.media-modal {
  cursor: zoom-out;
}

.media-modal .deferred-media {
  cursor: initial;
}

/* component-cart-count-bubble */
.cart-count-bubble:empty {
  display: none;
}

.cart-count-bubble {
  position: absolute;
  background-color: rgb(var(--color-button));
  color: rgb(var(--color-button-text));
  height: 1.7rem;
  width: 1.7rem;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.9rem;
  bottom: 0.8rem;
  left: 2.2rem;
  line-height: calc(1 + 0.1 / var(--font-body-scale));
}

/* utility-bar */
.utility-bar {
  height: 100%;
}

.utility-bar--bottom-border {
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
}

@media screen and (min-width: 990px) {
  .utility-bar--bottom-border-social-only {
    border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
  }
}

.utility-bar__grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: 'announcements';
}

.utility-bar__grid .list-social {
  justify-content: flex-start;
  align-content: center;
  margin-left: -1.2rem;
  grid-area: social-icons;
}

@media screen and (max-width: 989px) {
  .utility-bar .utility-bar__grid .list-social {
    display: none;
  }
}

.utility-bar .list-social__item .icon {
  scale: 0.9;
}

@media screen and (min-width: 990px) {
  .utility-bar__grid--3-col {
    grid-template-columns: 3fr 4fr 3fr;
    grid-template-areas: 'social-icons announcements language-currency';
  }

  .utility-bar__grid--2-col {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: 'social-icons language-currency';
  }

  .announcement-bar.announcement-bar--one-announcement,
  .announcement-bar--one-announcement .announcement-bar__link {
    width: fit-content;
    margin: auto;
  }
}

.announcement-bar,
.announcement-bar__announcement {
  color: rgb(var(--color-foreground));
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
  grid-area: announcements;
}

.announcement-bar .slider--everywhere {
  margin-bottom: 0;
  scroll-behavior: auto;
}

.utility-bar__grid .announcement-bar-slider {
  width: 100%;
}

.utility-bar__grid .announcement-bar-slider {
  width: 100%;
}

.announcement-bar-slider,
.announcement-bar-slider .slider {
  width: 100%;
}

.announcement-bar .slider-button--next {
  margin-right: -1.5rem;
  min-width: 44px;
}

.announcement-bar .slider-button--prev {
  margin-left: -1.5rem;
  min-width: 44px;
}

.announcement-bar .slider-button--next:focus-visible,
.announcement-bar .slider-button--prev:focus-visible,
.utility-bar .list-social__link:focus-visible {
  outline-offset: -0.3rem;
  box-shadow: 0 0 0 -0.2rem rgb(var(--color-foreground));
}

.localization-wrapper {
  grid-area: language-currency;
  align-self: center;
  display: flex;
  justify-content: flex-end;
}

.localization-wrapper .localization-selector + .disclosure__list-wrapper {
  animation: animateMenuOpen var(--duration-default) ease;
}

.utility-bar .localization-wrapper .disclosure .localization-form__select,
.utility-bar .localization-wrapper .disclosure__link {
  font-size: calc(var(--font-heading-scale) * 1.3rem);
}

@media screen and (min-width: 990px) {
  body:has(.section-header .header:not(.drawer-menu)) .utility-bar .page-width {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .announcement-bar-slider {
    width: 60%;
  }

  .announcement-bar .slider-button {
    height: 3.8rem;
  }
}

.announcement-bar__link {
  display: flex;
  width: 100%;
  text-decoration: none;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.announcement-bar__link:hover {
  text-decoration: underline;
}

.announcement-bar__link .icon-arrow {
  display: inline-block;
  pointer-events: none;
  margin-left: 0.8rem;
  vertical-align: middle;
  margin-bottom: 0.2rem;
}

.announcement-bar__message {
  text-align: center;
  padding: 1rem 0;
  margin: 0;
  letter-spacing: 0.1rem;
  min-height: 3.8rem;
}

.announcement-bar-slider--fade-in-next .announcement-bar__message,
.announcement-bar-slider--fade-in-previous .announcement-bar__message,
.announcement-bar-slider--fade-out-next .announcement-bar__message,
.announcement-bar-slider--fade-out-previous .announcement-bar__message {
  animation-duration: var(--duration-announcement-bar);
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}

.announcement-bar-slider--fade-in-next .announcement-bar__message {
  --announcement-translate-from: -1.5rem;
  /* Prevent flicker */
  opacity: 0;
  animation-name: translateAnnouncementSlideIn;
  animation-delay: var(--duration-announcement-bar);
}

.announcement-bar-slider--fade-in-previous .announcement-bar__message {
  --announcement-translate-from: 1.5rem;
  /* Prevent flicker */
  opacity: 0;
  animation-name: translateAnnouncementSlideIn;
  animation-delay: var(--duration-announcement-bar);
}

.announcement-bar-slider--fade-out-next .announcement-bar__message {
  --announcement-translate-to: 1.5rem;
  animation-name: translateAnnouncementSlideOut;
}

.announcement-bar-slider--fade-out-previous .announcement-bar__message {
  --announcement-translate-to: -1.5rem;
  animation-name: translateAnnouncementSlideOut;
}

@keyframes translateAnnouncementSlideIn {
  0% {
    opacity: 0;
    transform: translateX(var(--announcement-translate-from));
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes translateAnnouncementSlideOut {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(var(--announcement-translate-to));
  }
}

/* section-header */
.section-header.shopify-section-group-header-group {
  z-index: 3;
}

.shopify-section-header-sticky {
  position: sticky;
  top: 0;
}

.shopify-section-header-hidden {
  top: calc(-1 * var(--header-height));
}

.shopify-section-header-hidden.menu-open {
  top: 0;
}

.section-header.animate {
  transition: top 0.15s ease-out;
}

.shopify-section-group-header-group {
  z-index: 4;
}

.section-header ~ .shopify-section-group-header-group {
  z-index: initial;
}

/* Main Header Layout */
.header-wrapper {
  display: block;
  position: relative;
  background-color: rgb(var(--color-background));
}

.header-wrapper--border-bottom {
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
}

.header {
  display: grid;
  grid-template-areas: 'left-icons heading icons';
  grid-template-columns: 1fr 2fr 1fr;
  align-items: center;
}

@media screen and (max-width: 749px) {
  .header--has-app {
    grid-template-columns: auto 1fr auto;
  }
}

@media screen and (min-width: 990px) {
  .header {
    grid-template-columns: 1fr auto 1fr;
  }

  .header--top-left,
  .header--middle-left:not(.header--has-menu) {
    grid-template-areas:
      'heading icons'
      'navigation navigation';
    grid-template-columns: 1fr auto;
  }

  .header--top-left.drawer-menu,
  .header--middle-left.drawer-menu {
    grid-template-areas: 'navigation heading icons';
    grid-template-columns: auto 1fr auto;
    column-gap: 1rem;
  }

  .header--middle-left {
    grid-template-areas: 'heading navigation icons';
    grid-template-columns: auto auto 1fr;
    column-gap: 2rem;
  }

  .header--middle-center:not(.drawer-menu) {
    grid-template-areas: 'navigation heading icons';
    grid-template-columns: 1fr auto 1fr;
    column-gap: 2rem;
  }

  .header--middle-center a.header__heading-link {
    text-align: center;
  }

  .header--top-center {
    grid-template-areas:
      'left-icons heading icons'
      'navigation navigation navigation';
  }

  .header--top-center.drawer-menu {
    grid-template-areas: 'left-icons heading icons';
    grid-template-columns: 1fr auto 1fr;
  }

  .header:not(.header--middle-left, .header--middle-center) .header__inline-menu {
    margin-top: 1.05rem;
  }
}

.header *[tabindex='-1']:focus {
  outline: none;
}

.header__heading {
  margin: 0;
  line-height: 0;
}

.header > .header__heading-link {
  line-height: 0;
}

.header__heading,
.header__heading-link {
  grid-area: heading;
  justify-self: center;
}

.header__heading-link {
  display: inline-block;
  padding: 0.75rem;
  text-decoration: none;
  word-break: break-word;
}

.header__heading-link:hover .h2 {
  color: rgb(var(--color-foreground));
}

.header__heading-link .h2 {
  line-height: 1;
  color: rgba(var(--color-foreground), 0.75);
}

.header__heading-logo {
  height: auto;
  max-width: 100%;
}

.header__heading-logo-wrapper {
  width: 100%;
  display: inline-block;
  transition: width 0.3s cubic-bezier(0.52, 0, 0.61, 0.99);
}

@media screen and (max-width: 989px) {
  .header__heading,
  .header__heading-link {
    text-align: center;
  }

  .header--mobile-left .header__heading,
  .header--mobile-left .header__heading-link {
    text-align: left;
    justify-self: start;
  }

  .header--mobile-left {
    grid-template-columns: auto 2fr 1fr;
  }
}

@media screen and (min-width: 990px) {
  .header--middle-left .header__heading-link,
  .header--top-left .header__heading-link {
    margin-left: -0.75rem;
  }

  .header__heading,
  .header__heading-link {
    justify-self: start;
  }

  .header--middle-center .header__heading-link,
  .header--middle-center .header__heading {
    justify-self: center;
    text-align: center;
  }

  .header--top-center .header__heading-link,
  .header--top-center .header__heading {
    justify-self: center;
    text-align: center;
  }
}

/* Header icons */
.header__icons {
  display: flex;
  grid-area: icons;
  justify-self: end;
  padding-right: 0.8rem;
}

.header__icons .shopify-app-block {
  max-width: 4.4rem;
  max-height: 4.4rem;
  overflow: hidden;
}

.header__icon:not(.header__icon--summary),
.header__icon span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.header__icon {
  color: rgb(var(--color-foreground));
}

.header__icon span {
  height: 100%;
}

.header__icon .svg-wrapper {
  width: 44px;
  height: 44px;
}

.header__icon::after {
  content: none;
}

.header__icon:hover .icon,
.modal__close-button:hover .icon {
  transform: scale(1.07);
}

.header__icon .icon {
  height: 2rem;
  width: 2rem;
  fill: none;
  vertical-align: middle;
}

.header__icon,
.header__icon--cart .icon {
  height: 4.4rem;
  width: 4.4rem;
  padding: 0;
}

.header__icon--cart {
  position: relative;
  margin-right: -1.2rem;
}

.header__icon--menu[aria-expanded='true']::before {
  content: '';
  top: 100%;
  left: 0;
  height: calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));
  width: 100%;
  display: block;
  position: absolute;
  background: rgba(var(--color-foreground), 0.5);
}

.header__icon--account shop-user-avatar {
  --shop-avatar-size: 2.8rem;
}

details .header__icon-close {
  display: none;
}

details[open] .header__icon-close {
  display: inline-block;
}

account-icon {
  display: flex;
}

/* Search */
menu-drawer + .header__search {
  display: none;
}

.header > .header__search {
  grid-area: left-icons;
  justify-self: start;
}

.header--top-center.drawer-menu > .header__search {
  margin-left: 3.2rem;
}

.header--top-center header-drawer {
  grid-area: left-icons;
}

.header:not(.header--has-menu) * > .header__search {
  display: none;
}

.header__search {
  display: inline-flex;
  line-height: 0;
}

.header--top-center > .header__search {
  display: none;
}

.header--top-center * > .header__search {
  display: inline-flex;
}

@media screen and (min-width: 990px) {
  .header:not(.header--top-center) * > .header__search,
  .header--top-center > .header__search {
    display: inline-flex;
  }

  .header:not(.header--top-center) > .header__search,
  .header--top-center * > .header__search {
    display: none;
  }
}

details[open] > .search-modal {
  opacity: 1;
  animation: animateMenuOpen var(--duration-default) ease;
}

details[open] .modal-overlay {
  display: block;
}

details[open] .modal-overlay::after {
  position: absolute;
  content: '';
  background-color: rgb(var(--color-foreground), 0.5);
  top: 100%;
  left: 0;
  right: 0;
  height: 100vh;
}

.search-modal {
  opacity: 0;
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
  min-height: calc(100% + var(--inputs-margin-offset) + (2 * var(--inputs-border-width)));
  height: 100%;
}

.search-modal__content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 5rem 0 1rem;
  line-height: calc(1 + 0.8 / var(--font-body-scale));
  position: relative;
}

.search-modal__content-bottom {
  bottom: calc((var(--inputs-margin-offset) / 2));
}

.search-modal__content-top {
  top: calc((var(--inputs-margin-offset) / 2));
}

.search-modal__form {
  width: 100%;
}

.search-modal__close-button {
  position: absolute;
  right: 0.3rem;
}

@media screen and (min-width: 750px) {
  .search-modal__close-button {
    right: 1rem;
  }

  .search-modal__content {
    padding: 0 6rem;
  }
}

@media screen and (min-width: 990px) {
  .search-modal__form {
    max-width: 74.2rem;
  }

  .search-modal__close-button {
    position: initial;
    margin-left: 0.5rem;
  }
}

/* Header menu drawer */
.header__icon--menu .icon {
  display: block;
  position: absolute;
  opacity: 1;
  transform: scale(1);
  transition: transform 150ms ease, opacity 150ms ease;
}

details:not([open]) > .header__icon--menu .icon-close,
details[open] > .header__icon--menu .icon-hamburger {
  visibility: hidden;
  opacity: 0;
  transform: scale(0.8);
}

.js details[open]:not(.menu-opening) > .header__icon--menu .icon-close {
  visibility: hidden;
}

.js details[open]:not(.menu-opening) > .header__icon--menu .icon-hamburger {
  visibility: visible;
  opacity: 1;
  transform: scale(1.07);
}

.js details > .header__submenu {
  opacity: 0;
  transform: translateY(-1.5rem);
}

details[open] > .header__submenu {
  animation: animateMenuOpen var(--duration-default) ease;
  animation-fill-mode: forwards;
  z-index: 1;
}

@media (prefers-reduced-motion) {
  details[open] > .header__submenu {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Header menu */
.header__inline-menu {
  margin-left: -1.2rem;
  grid-area: navigation;
  display: none;
}

.header--top-center .header__inline-menu,
.header--top-center .header__heading-link {
  margin-left: 0;
}

@media screen and (min-width: 990px) {
  .header__inline-menu {
    display: block;
  }

  .header--top-center .header__inline-menu {
    justify-self: center;
  }

  .header--top-center .header__inline-menu > .list-menu--inline {
    justify-content: center;
  }

  .header--middle-left .header__inline-menu {
    margin-left: 0;
  }
}

.header__menu {
  padding: 0 1rem;
}

.header__menu-item {
  padding: 1.2rem;
  text-decoration: none;
  color: rgba(var(--color-foreground), 0.75);
}

.header__menu-item:hover {
  color: rgb(var(--color-foreground));
}

.header__menu-item span {
  transition: text-decoration var(--duration-short) ease;
}

.header__menu-item:hover span {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

details[open] > .header__menu-item {
  text-decoration: underline;
}

details[open]:hover > .header__menu-item {
  text-decoration-thickness: 0.2rem;
}

details[open] > .header__menu-item .icon-caret {
  transform: rotate(180deg);
}

.header__active-menu-item {
  transition: text-decoration-thickness var(--duration-short) ease;
  color: rgb(var(--color-foreground));
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

.header__menu-item:hover .header__active-menu-item {
  text-decoration-thickness: 0.2rem;
}

.header__submenu {
  transition: opacity var(--duration-default) ease, transform var(--duration-default) ease;
}

.global-settings-popup,
.header__submenu.global-settings-popup {
  border-radius: var(--popup-corner-radius);
  border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
  border-style: solid;
  border-width: var(--popup-border-width);
  box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius)
    rgba(var(--color-shadow), var(--popup-shadow-opacity));
  z-index: -1;
}

.header__submenu.list-menu {
  padding: 1rem 0;
}

.header__submenu .header__submenu {
  background-color: rgba(var(--color-foreground), 0.03);
  padding: 1rem 0;
  margin: 1rem 0;
}

.header__submenu .header__menu-item:after {
  right: 2rem;
}

.header__submenu .header__menu-item {
  justify-content: space-between;
  padding: 0.8rem 2rem;
}

.header__submenu .header__menu-item:hover {
  text-decoration-line: underline;
}

.header__menu-item .icon-caret {
  right: 0.8rem;
}

.header__submenu .icon-caret {
  flex-shrink: 0;
  margin-left: 1rem;
  position: static;
}

header-menu > details,
details-disclosure > details {
  position: relative;
}

@keyframes animateMenuOpen {
  0% {
    opacity: 0;
    transform: translateY(-1.5rem);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.overflow-hidden-mobile,
.overflow-hidden-tablet,
.overflow-hidden-desktop {
  overflow: hidden;
}

@media screen and (min-width: 750px) {
  .overflow-hidden-mobile {
    overflow: auto;
  }
}

@media screen and (min-width: 990px) {
  .overflow-hidden-tablet {
    overflow: auto;
  }
}

.badge {
  border: 1px solid transparent;
  border-radius: var(--badge-corner-radius);
  display: inline-block;
  font-size: 1.2rem;
  letter-spacing: 0.1rem;
  line-height: 1;
  padding: 0.5rem 1.3rem 0.6rem 1.3rem;
  text-align: center;
  background-color: rgb(var(--color-badge-background));
  border-color: rgba(var(--color-badge-border), var(--alpha-badge-border));
  color: rgb(var(--color-badge-foreground));
  word-break: break-word;
}

.gradient {
  background: rgb(var(--color-background));
  background: var(--gradient-background);
  background-attachment: fixed;
}

@media screen and (forced-colors: active) {
  .icon {
    color: CanvasText;
    fill: CanvasText !important;
  }

  .icon-close-small path {
    stroke: CanvasText;
  }
}

.ratio {
  display: flex;
  position: relative;
  align-items: stretch;
}

.ratio::before {
  content: '';
  width: 0;
  height: 0;
  padding-bottom: var(--ratio-percent);
}

.content-container {
  border-radius: var(--text-boxes-radius);
  border: var(--text-boxes-border-width) solid rgba(var(--color-foreground), var(--text-boxes-border-opacity));
  position: relative;
}

.content-container:after {
  content: '';
  position: absolute;
  top: calc(var(--text-boxes-border-width) * -1);
  right: calc(var(--text-boxes-border-width) * -1);
  bottom: calc(var(--text-boxes-border-width) * -1);
  left: calc(var(--text-boxes-border-width) * -1);
  border-radius: var(--text-boxes-radius);
  box-shadow: var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset)
    var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow), var(--text-boxes-shadow-opacity));
  z-index: -1;
}

.content-container--full-width:after {
  left: 0;
  right: 0;
  border-radius: 0;
}

@media screen and (max-width: 749px) {
  .content-container--full-width-mobile {
    border-left: none;
    border-right: none;
    border-radius: 0;
  }
  .content-container--full-width-mobile:after {
    display: none;
  }
}

.global-media-settings {
  position: relative;
  border: var(--media-border-width) solid rgba(var(--color-foreground), var(--media-border-opacity));
  border-radius: var(--media-radius);
  overflow: visible !important;
  background-color: rgb(var(--color-background));
}

.global-media-settings:after {
  content: '';
  position: absolute;
  top: calc(var(--media-border-width) * -1);
  right: calc(var(--media-border-width) * -1);
  bottom: calc(var(--media-border-width) * -1);
  left: calc(var(--media-border-width) * -1);
  border-radius: var(--media-radius);
  box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius)
    rgba(var(--color-shadow), var(--media-shadow-opacity));
  z-index: -1;
  pointer-events: none;
}

.global-media-settings--no-shadow {
  overflow: hidden !important;
}

.global-media-settings--no-shadow:after {
  content: none;
}

.global-media-settings img,
.global-media-settings iframe,
.global-media-settings model-viewer,
.global-media-settings video,
.global-media-settings .placeholder-svg {
  border-radius: calc(var(--media-radius) - var(--media-border-width));
}

.content-container--full-width,
.global-media-settings--full-width,
.global-media-settings--full-width img,
.global-media-settings--full-width video,
.global-media-settings--full-width iframe,
.global-media-settings--full-width .placeholder-svg {
  border-radius: 0;
  border-left: none;
  border-right: none;
}

/* check for flexbox gap in older Safari versions */
@supports not (inset: 10px) {
  .grid {
    margin-left: calc(-1 * var(--grid-mobile-horizontal-spacing));
  }

  .grid__item {
    padding-left: var(--grid-mobile-horizontal-spacing);
    padding-bottom: var(--grid-mobile-vertical-spacing);
  }

  @media screen and (min-width: 750px) {
    .grid {
      margin-left: calc(-1 * var(--grid-desktop-horizontal-spacing));
    }

    .grid__item {
      padding-left: var(--grid-desktop-horizontal-spacing);
      padding-bottom: var(--grid-desktop-vertical-spacing);
    }
  }

  .grid--gapless .grid__item {
    padding-left: 0;
    padding-bottom: 0;
  }

  @media screen and (min-width: 749px) {
    .grid--peek .grid__item {
      padding-left: var(--grid-mobile-horizontal-spacing);
    }
  }

  .product-grid .grid__item {
    padding-bottom: var(--grid-mobile-vertical-spacing);
  }

  @media screen and (min-width: 750px) {
    .product-grid .grid__item {
      padding-bottom: var(--grid-desktop-vertical-spacing);
    }
  }
}

.font-body-bold {
  font-weight: var(--font-body-weight-bold);
}

/* outline and border styling for Windows High Contrast Mode */
@media (forced-colors: active) {
  .button,
  .shopify-challenge__button,
  .customer button {
    border: transparent solid 1px;
  }

  .button:focus-visible,
  .button:focus,
  .button.focused,
  .shopify-payment-button__button--unbranded:focus-visible,
  .shopify-payment-button [role='button']:focus-visible,
  .shopify-payment-button__button--unbranded:focus,
  .shopify-payment-button [role='button']:focus {
    outline: solid transparent 1px;
  }

  .field__input:focus,
  .select__select:focus,
  .customer .field input:focus,
  .customer select:focus,
  .localization-form__select:focus.localization-form__select:after {
    outline: transparent solid 1px;
  }

  .localization-form__select:focus {
    outline: transparent solid 1px;
  }
}

.rte:after {
  clear: both;
  content: '';
  display: block;
}

.rte > *:first-child {
  margin-top: 0;
}

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

.rte table {
  table-layout: fixed;
}

@media screen and (min-width: 750px) {
  .rte table td {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }
}

.rte img {
  height: auto;
  max-width: 100%;
  border: var(--media-border-width) solid rgba(var(--color-foreground), var(--media-border-opacity));
  border-radius: var(--media-radius);
  box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius)
    rgba(var(--color-shadow), var(--media-shadow-opacity));
  margin-bottom: var(--media-shadow-vertical-offset);
}

.rte ul,
.rte ol {
  list-style-position: inside;
  padding-left: 2rem;
}

.rte li {
  list-style: inherit;
}

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

.rte a {
  color: rgba(var(--color-link), var(--alpha-link));
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 0.1rem;
  transition: text-decoration-thickness var(--duration-short) ease;
}

.rte a:hover {
  color: rgb(var(--color-link));
  text-decoration-thickness: 0.2rem;
}

.rte blockquote {
  display: inline-flex;
}

.rte blockquote > * {
  margin: -0.5rem 0 -0.5rem 0;
}

/* Image mask global styles */

.shape--mask {
  display: block;
  height: 0;
  width: 0;
}

.shape--arch {
  clip-path: url('#Shape-Arch');
}

.shape--blob {
  clip-path: polygon(var(--shape--blob-1));
}

.shape--chevronleft {
  clip-path: polygon(100% 0%, 85% 50%, 100% 100%, 15% 100%, 0% 50%, 15% 0%);
}

.shape--chevronright {
  clip-path: polygon(85% 0%, 100% 50%, 85% 100%, 0% 100%, 15% 50%, 0% 0%);
}

.shape--circle {
  clip-path: circle(closest-side);
}

.shape--diamond {
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

.shape--parallelogram {
  clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%);
}

.shape--round {
  clip-path: ellipse(45% 45% at 50% 50%);
}

/* Fixed background */
.animate--fixed {
  clip-path: inset(0);
}

.animate--fixed > img:not(.zoom):not(.deferred-media__poster-button),
.animate--fixed > svg:not(.zoom):not(.deferred-media__poster-button) {
  position: fixed;
  height: 100vh;
}

/* Zoom in image on scroll */
.animate--zoom-in {
  --zoom-in-ratio: 1;
}

.animate--zoom-in > img,
.animate--zoom-in > .svg-wrapper {
  transition: scale var(--duration-short) linear;
  scale: var(--zoom-in-ratio);
}

/* Animations */

@media (prefers-reduced-motion: no-preference) {
  .animate--ambient > img,
  .animate--ambient > .svg-wrapper {
    animation: animateAmbient 30s linear infinite;
  }

  @keyframes animateAmbient {
    0% {
      transform: rotate(0deg) translateX(1em) rotate(0deg) scale(1.2);
    }
    100% {
      transform: rotate(360deg) translateX(1em) rotate(-360deg) scale(1.2);
    }
  }

  .scroll-trigger.animate--fade-in,
  .scroll-trigger.animate--slide-in {
    opacity: 0.01;
  }

  .scroll-trigger.animate--slide-in {
    transform: translateY(2rem);
  }

  .scroll-trigger:not(.scroll-trigger--offscreen).animate--fade-in {
    opacity: 1;
    animation: var(--animation-fade-in);
  }

  .scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in {
    animation: var(--animation-slide-in);
    animation-delay: calc(var(--animation-order) * 75ms);
  }

  .scroll-trigger.scroll-trigger--design-mode.animate--fade-in,
  .scroll-trigger.scroll-trigger--design-mode.animate--slide-in,
  .scroll-trigger.scroll-trigger--design-mode .slider,
  .scroll-trigger:not(.scroll-trigger--offscreen).scroll-trigger--cancel {
    opacity: 1;
    animation: none;
    transition: none;
    transform: none;
  }

  .scroll-trigger.scroll-trigger--design-mode.animate--slide-in {
    transform: translateY(0);
  }

  @keyframes slideIn {
    from {
      transform: translateY(2rem);
      opacity: 0.01;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }

  @keyframes fadeIn {
    from {
      opacity: 0.01;
    }
    to {
      opacity: 1;
    }
  }
}

/* Element Hovers: Vertical Lift, 3d Lift */

@media (prefers-reduced-motion: no-preference) and (hover: hover) {
  .animate--hover-3d-lift .card-wrapper .card--card,
  .animate--hover-3d-lift .card-wrapper .card--standard .card__inner,
  .animate--hover-3d-lift .button:not(.button--tertiary),
  .animate--hover-3d-lift .shopify-challenge__button,
  .animate--hover-3d-lift .customer button,
  .animate--hover-3d-lift .shopify-payment-button__button,
  .animate--hover-3d-lift .deferred-media .deferred-media__poster-button {
    transition: transform var(--duration-long) ease, box-shadow var(--duration-long) ease;
    transform-origin: center;
  }

  .animate--hover-3d-lift .card-wrapper:hover .card--card,
  .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__inner,
  .animate--hover-3d-lift .button:not(.button--tertiary):not([disabled]):hover,
  .animate--hover-3d-lift .shopify-challenge__button:not([disabled]):hover,
  .animate--hover-3d-lift .customer button:not([disabled]):hover,
  .animate--hover-3d-lift .shopify-payment-button__button:hover,
  .animate--hover-3d-lift .deferred-media:hover .deferred-media__poster-button {
    transition: transform var(--duration-extended) ease, box-shadow var(--duration-long) ease; /* Slow the card transition speed while hover is active. */
    transform: rotate(1deg);
    box-shadow: -1rem -1rem 1rem -1rem rgba(0, 0, 0, 0.05), 1rem 1rem 1rem -1rem rgba(0, 0, 0, 0.05),
      0 0 0.5rem 0 rgba(255, 255, 255, 0), 0 2rem 3.5rem -2rem rgba(0, 0, 0, 0.5);
  }

  .animate--hover-3d-lift .deferred-media:hover .deferred-media__poster-button {
    transform: translate(-50%, -50%) scale(1.05); /* Apply a specialized transform to the video play button. */
  }

  .animate--hover-3d-lift .collage__item .card-wrapper:hover .card--card,
  .animate--hover-3d-lift .collage__item .card-wrapper:hover .card--standard .card__inner {
    transform: rotate(0.5deg); /* Less intense rotation for collage items. */
  }

  .animate--hover-3d-lift .product-grid .grid__item:hover,
  .animate--hover-3d-lift .collection-list .grid__item:hover,
  .animate--hover-3d-lift .collage__item:hover,
  .animate--hover-3d-lift .blog-articles .article:hover,
  .animate--hover-3d-lift .complementary-slide li:hover {
    z-index: 2; /* Make sure the hovered card is the topmost card. */
  }

  .animate--hover-3d-lift .product-grid {
    isolation: isolate; /* Ensure z-index changes here don't negatively effect other UI stacking. */
  }

  .animate--hover-3d-lift .card-wrapper .card--shape.card--standard:not(.card--text) .card__inner {
    box-shadow: none;
    transition: transform var(--duration-long) ease, filter var(--duration-long) ease;
  }

  .animate--hover-3d-lift .card-wrapper:hover .card--shape.card--standard:not(.card--text) .card__inner {
    transition: transform calc(2 * var(--duration-extended)) ease, filter var(--duration-long) ease; /* Slow the card transition speed while hover is active. */
    filter: drop-shadow(0rem 2rem 2rem rgba(0, 0, 0, 0.15)) drop-shadow(0rem 1rem 1rem rgba(0, 0, 0, 0.15));
  }

  .animate--hover-3d-lift .card-wrapper:hover .card--card:after,
  .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__inner:after,
  .animate--hover-3d-lift
    .card-wrapper:hover
    .card--shape.card--standard:not(.card--text)
    .card__inner
    .card__media:before {
    background-image: var(--easter-egg);
    background-size: 250px 250px;
    mix-blend-mode: color-dodge;
    pointer-events: none;
    z-index: 2;
  }

  .animate--hover-3d-lift
    .card-wrapper:hover
    .card--shape.card--standard:not(.card--text)
    .card__inner
    .card__media:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .animate--hover-3d-lift .card-wrapper .card--card:before,
  .animate--hover-3d-lift .card-wrapper .card--standard .card__media:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transition: background-position calc(2 * var(--duration-extended)) ease, opacity var(--duration-default) ease;
    mix-blend-mode: overlay;
    background-size: 400% 100%;
    background-position: 90% 0;
    background-repeat: no-repeat;
    background-image: linear-gradient(
      135deg,
      rgba(255, 255, 255, 0) 45%,
      rgba(255, 255, 255, 1) 50%,
      rgba(255, 255, 255, 0) 55%
    );
  }

  .animate--hover-3d-lift .card-wrapper:hover .card--card:before,
  .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__media:after {
    opacity: 0.2;
    transition: background-position 6s ease, opacity var(--duration-long) ease;
    background-position: left;
    z-index: 2;
  }

  :root {
    --easter-egg: none;
    --sparkle: url('./sparkle.gif');
  }

  .animate--hover-vertical-lift .button:not(.button--tertiary),
  .animate--hover-vertical-lift .shopify-challenge__button,
  .animate--hover-vertical-lift .customer button,
  .animate--hover-vertical-lift .shopify-payment-button__button {
    transition: transform var(--duration-default) var(--ease-out-slow);
  }

  .animate--hover-vertical-lift .card-wrapper .card--card,
  .animate--hover-vertical-lift .card-wrapper .card--standard .card__inner {
    transition: transform var(--duration-medium) var(--ease-out-slow);
  }

  .animate--hover-vertical-lift .card-wrapper:hover .card--card,
  .animate--hover-vertical-lift .card-wrapper:hover .card--standard .card__inner {
    transform: translateY(-0.75rem);
  }

  .animate--hover-vertical-lift .card-wrapper:active .card--card,
  .animate--hover-vertical-lift .card-wrapper:active .card--standard .card__inner {
    transform: translateY(-0.5rem);
  }

  .animate--hover-vertical-lift .button:not(.button--tertiary):not([disabled]):hover,
  .animate--hover-vertical-lift .shopify-challenge__button:not([disabled]):hover,
  .animate--hover-vertical-lift .customer button:not([disabled]):hover,
  .animate--hover-vertical-lift .shopify-payment-button__button:hover {
    transform: translateY(-0.25rem);
  }

  .animate--hover-vertical-lift .button:not(.button--tertiary):not([disabled]):active,
  .animate--hover-vertical-lift .shopify-challenge__button:not([disabled]):active,
  .animate--hover-vertical-lift .customer button:not([disabled]):active,
  .animate--hover-vertical-lift .shopify-payment-button__button:active {
    transform: translateY(0);
  }

  .animate--hover-vertical-lift .button:not([disabled]):hover:after,
  .animate--hover-vertical-lift .customer button:not([disabled]):hover:after,
  .animate--hover-vertical-lift .shopify-payment-button__button:not([disabled]):hover:after {
    --border-offset: 0.3px; /* Default is 1.3px as defined above in this file. This removes 1px to prevent the border from growing on buttons when this effect is on.  */
    box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset))
        rgba(var(--color-button-text), var(--border-opacity)),
      0 0 0 var(--buttons-border-width) rgba(var(--color-button), var(--alpha-button-background));
  }

  .animate--hover-vertical-lift .button:not([disabled]).button--secondary:hover:after {
    --border-offset: 0px; /* Prevent the border from growing on buttons when this effect is on. */
  }
}

/* Loading spinner */
.loading__spinner {
  position: absolute;
  z-index: 1;
  width: 1.8rem;
}

.loading__spinner {
  width: 1.8rem;
  display: inline-block;
}

.spinner {
  animation: rotator 1.4s linear infinite;
}

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

.path {
  stroke-dasharray: 280;
  stroke-dashoffset: 0;
  transform-origin: center;
  stroke: rgb(var(--color-foreground));
  animation: dash 1.4s ease-in-out infinite;
}

@media screen and (forced-colors: active) {
  .path {
    stroke: CanvasText;
  }
}

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

.loading__spinner:not(.hidden) + .cart-item__price-wrapper,
.loading__spinner:not(.hidden) ~ cart-remove-button {
  opacity: 50%;
}

.loading__spinner:not(.hidden) ~ cart-remove-button {
  pointer-events: none;
  cursor: default;
}

/* Progress bar */
.progress-bar-container {
  width: 100%;
  margin: auto;
}

.progress-bar {
  height: 0.13rem;
  width: 100%;
}

.progress-bar-value {
  width: 100%;
  height: 100%;
  background-color: rgb(var(--color-foreground));
  animation: indeterminateAnimation var(--duration-extra-longer) infinite ease-in-out;
  transform-origin: 0;
}

.progress-bar .progress-bar-value {
  display: block;
}

@keyframes indeterminateAnimation {
  0% {
    transform: translateX(-20%) scaleX(0);
  }
  40% {
    transform: translateX(30%) scaleX(0.7);
  }
  100% {
    transform: translateX(100%) scaleX(0);
  }
}
/* Prices: show EUR next to BGN on all screens */
.price-eur { margin-left: .35rem; white-space: nowrap; opacity: .9; }
@media (max-width: 480px) {
  .price-eur { display: inline; font-size: 0.92em; }
}.ad-price-row{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
.ad-old s{opacity:.7}
.ad-new{font-weight:600}
.ad-badge{display:inline-block;margin-top:8px;padding:6px 10px;border-radius:999px;background:#1e88ff;color:#fff;font-size:12px;line-height:1}
/* Скрий темплейтните бейджове Sale/ Sold out */
.price__badge-sale,
.price__badge-sold-out {
  display: none !important;
}
.ad-price-row { gap: 10px; }
.ad-new { font-weight: 700; }
.ad-old s { opacity: .6; }
.ad-badge { margin-top: 6px; }
/* --- Fix: да не се припокрива бейджът с цената --- */
.price__sale { position: relative; }

.ad-price-row{
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 6px;   /* разстояние под цената */
}

.ad-badge{
  display: inline-block;  /* ако пак се допира, смени на block */
  margin-top: 6px;        /* разстояние над бейджа */
  padding: 6px 10px;
  border-radius: 999px;
  background: #1e88ff;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  position: relative;     /* предотвратява припокриване */
  z-index: 1;
}

/* ако видиш старите темплейтни бейджове, скрий ги */
.price__badge-sale,
.price__badge-sold-out{ display:none !important; }
/* по-близо до реда с цената */
.price__sale .ad-price-row { margin-bottom: 2px; }
.price__sale .ad-badge {
  display: inline-block;
  margin-top: 0;              /* беше 6–12px */
  transform: translateY(-6px);/* колко да се “вдигне” нагоре; пробвай -6 до -10 */
}
/* Скрий 'Sale' бейджа върху картите */
.badge--sale,
.card__badge,
.price__badge-sale { display:none !important; }
/* По-стегната карта в каталога */
.card-information { display:flex; flex-direction:column; gap:8px; }

/* Заглавие – по-малък вертикален отстъп */
.card__heading { margin:8px 0 4px; line-height:1.25; }

/* Редът със стара + нова цена (от нашия price.liquid) */
.card-information .ad-price-row{
  display:flex; gap:8px; align-items:baseline; flex-wrap:wrap;
  margin:0 0 4px; line-height:1.2;
}
.card-information .ad-old s{ opacity:.65; }
.card-information .ad-new{ font-weight:700; }

/* Бейджът „Намаление -Х%“ под цената, компактен */
.card-information .ad-badge{
  display:inline-block; margin:2px 0 0; padding:4px 8px;
  border-radius:999px; background:#1e88ff; color:#fff; font-size:12px; line-height:1;
}

/* Малко въздух между цена и следващите елементи */
.card-information .price{ margin:0; }
.card-information, .card-information * { text-align:center; }
/* Центриране на цената и бейджа на картите (колекции) */
.card-information{
  display: flex;
  flex-direction: column;
  align-items: center;      /* център по хоризонтала */
  text-align: center;
}

.card-information .ad-price-row{
  justify-content: center;  /* редът със стара + нова цена */
  gap: 8px;
  width: 100%;
  margin: 0 0 6px;
}

.card-information .ad-badge{
  margin-left: 0;           /* да не дърпа вляво */
}

/* за всеки случай – да няма ляво подравняване от тема */
.card-information .price,
.card-information .ad-old,
.card-information .ad-new{
  width: 100%;
  text-align: center;
}
:root{
  --bg:#0F1115; --card:#1A1F25; --line:#2B313B;
  --text:#F8F5F0; --muted:#C8CDD3;
  --accent:#D4A24C; --accent-hover:#BF8A35;
}
:root{
  /* Светла палитра */
  --bg:#F8F5F0;
  --card:#FFFFFF;
  --line:#E8E2D9;
  --text:#121416;
  --muted:#5E6772;
  --accent:#D4A24C;
  --accent-hover:#BF8A35;
}

body{ background:var(--bg); color:var(--text); }

/* Карти продукти */
.product-card, .card, .product-grid .product {
  background:var(--card) !important;
  border:1px solid var(--line) !important;
  border-radius:16px !important;
  box-shadow:0 6px 18px rgba(0,0,0,.06) !important;
}

/* Заглавие – по-ярко и четливо */
.product-card .title, .product .product-title, .card .title {
  color:var(--text) !important;
  font-weight:600 !important;
  letter-spacing:.1px;
}

/* Цена – истински контраст (без полупрозрачност) */
.product-card .price, .product .price, .price--main {
  color:var(--text) !important;
  opacity:1 !important;
  font-weight:600;
}

/* Вторичен текст (евро/малки бележки) */
.product-card .price .secondary, .money--compare, .subtitle, .caption {
  color:var(--muted) !important;
  opacity:1 !important;
}

/* Премахни тъмния оувърлей под снимките, ако темата го добавя */
.product-card .media::after,
.product .media::after,
.product-card .image-overlay { display:none !important; opacity:0 !important; }

/* Бутон CTA */
.button, .btn, .add-to-cart, .product-form__submit {
  background:var(--accent) !important;
  color:#0F1115 !important;
  border:0 !important;
  font-weight:700 !important;
  border-radius:10px !important;
}
.button:hover, .btn:hover, .add-to-cart:hover, .product-form__submit:hover {
  background:var(--accent-hover) !important;
  transform:translateY(-1px);
}

/* Малки UX полировки */
a { color:var(--accent); }
a:hover { text-decoration:underline; }
.badge, .tag, .discount-badge { background:var(--accent); color:#0F1115; }

/* ===========================
   AROMADROP – LIGHT UX FIX
   =========================== */

/* Палитра (лесно сменяема) */
:root{
  --bg:#F7F4ED;                /* текущият ти светъл фон */
  --card:#FFFFFF;
  --line:#E8E2D9;
  --text:#121416;              /* основен текст – висок контраст */
  --muted:#5E6772;             /* вторичен текст */
  --accent:#D4A24C;            /* златист/амбър – основен CTA */
  --accent-hover:#BF8A35;      /* hover на CTA */
  --radius:14px;
}

/* Базова четимост */
body { color:var(--text); }
h1,h2,h3,h4 { color:var(--text); }

/* Карти / секции */
.card, .product-card, .product-grid .product, .product-section, .shopify-section {
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:0 8px 24px rgba(0,0,0,.06);
}

/* --- ПРОДУКТОВА СТРАНИЦА --- */

/* Снимков контейнер – махни тъмния overlay ако темата слага */
.product__media .media::after,
.product-media .media::after,
.product__media::after,
.product-media::after,
.product-card .image-overlay,
.product__media-item:after { display:none !important; opacity:0 !important; }

/* Цена – видима и контрастна */
.price, .product__price, .price__container, .price--large, .price-item {
  color:var(--text) !important;
  opacity:1 !important;
  font-weight:700;
}

/* Малък вторичен текст под цената (лв/€ и бележки) */
.price small, .product__tax, .price .unit-price, .price .secondary, .product__text {
  color:var(--muted) !important;
  opacity:1 !important;
}

/* Линия на доверие под цената (ако не искаш – изтрий този блок) */
.product__info-container .price:after,
.product__price:after,
.product-single__price:after{
  content:"✅ 100% оригинален продукт   ·   🚚 Доставка 1–2 дни   ·   ↩️ 14 дни право на връщане";
  display:block;
  margin-top:8px;
  font-size:.92rem;
  font-weight:500;
  color:var(--muted);
}

/* Варианти 3/5/10 мл – „пилчета“ */
.product-form__input input[type="radio"] + label,
.variant-input label,
.swatch input + label {
  background:#fff;
  color:var(--text);
  border:1px solid var(--line);
  border-radius:999px;
  padding:8px 14px;
  font-weight:600;
  transition:.2s ease-in-out;
  box-shadow:0 2px 6px rgba(0,0,0,.04);
}
.product-form__input input[type="radio"]:checked + label,
.variant-input input:checked + label,
.swatch input:checked + label {
  background:var(--text);
  color:#fff;
  border-color:var(--text);
  transform:translateY(-1px);
}
.product-form__input input[type="radio"] + label:hover,
.variant-input label:hover,
.swatch input + label:hover { transform:translateY(-1px); }

/* Основен CTA – „Купете сега“ да е ЗЛАТИСТ */
.shopify-payment-button .shopify-payment-button__button--unbranded,
.button.buy-now, .btn.buy-now, .button--primary.buy-now {
  background:var(--accent) !important;
  color:#0F1115 !important;
  border:0 !important;
  border-radius:12px !important;
  font-weight:800 !important;
  padding:14px 18px !important;
  box-shadow:0 8px 18px rgba(0,0,0,.08);
  transition:transform .15s ease, background-color .15s ease;
}
.shopify-payment-button .shopify-payment-button__button--unbranded:hover,
.button.buy-now:hover, .btn.buy-now:hover, .button--primary.buy-now:hover {
  background:var(--accent-hover) !important;
  transform:translateY(-1px);
}

/* Вторичен CTA – „Добавяне в количката“ да е бял с рамка */
.product-form__submit, .single_add_to_cart_button,
.button.add-to-cart, .btn.add-to-cart {
  background:#fff !important;
  color:var(--text) !important;
  border:1.5px solid var(--text) !important;
  border-radius:12px !important;
  font-weight:800 !important;
  padding:12px 18px !important;
  transition:transform .15s ease, background-color .15s ease, color .15s ease;
}
.product-form__submit:hover, .single_add_to_cart_button:hover,
.button.add-to-cart:hover, .btn.add-to-cart:hover {
  background:var(--text) !important;
  color:#fff !important;
  transform:translateY(-1px);
}

/* Малки инфо-редове под бутоните (ако темата ги има) */
.product__policies, .product__trust, .cart__policies, .product__info-list li {
  color:var(--muted);
  font-weight:500;
}

/* Линкове и бейджове */
a { color:var(--accent); }
a:hover { text-decoration:underline; }
.badge, .tag, .discount-badge, .sale-badge {
  background:var(--accent); color:#0F1115; border-radius:999px; font-weight:800;
}

/* --- КАТАЛОГ / КАРТИ --- */
.product-card .title, .product .product-title, .card .title { 
  color:var(--text) !important; 
  font-weight:700 !important;
}
.product-card .price, .product .price { color:var(--text) !important; }

/* Плитка сянка за снимките – да изпъкнат */
.product__media img, .product-card img {
  border-radius:12px;
  box-shadow:0 10px 28px rgba(0,0,0,.08);
}

/* Дребни достъпност/фокус подобрения */
button:focus, .btn:focus, .button:focus, a:focus, [role="button"]:focus {
  outline:2px solid var(--accent);
  outline-offset:2px;
}

/* По-меки ъгли на инпутите */
input, select, textarea { border-radius:12px; }

/* По-малко „смачкан“ spacing */
.product__info-wrapper, .product__info-container { gap:10px; }

/* ===========================
   FIX – малки надписи / trust line
   =========================== */

/* Линията с доверие (под цената) */
.product__info-container .price:after,
.product__price:after,
.product-single__price:after {
  font-size: 0.95rem !important;     /* малко по-голямо за четимост */
  line-height: 1.6 !important;       /* въздух между иконки и текст */
  letter-spacing: 0.1px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;                         /* разстояние между елементите */
  align-items: center;
}

/* Унифициране на вторичния текст (данъци, малки бележки) */
.product__text,
.product__policies,
.price small,
.price .unit-price,
.price .secondary {
  font-size: 0.9rem !important;
  line-height: 1.5 !important;
  color: var(--muted) !important;
  opacity: 1 !important;
}

/* Емоджитата в trust line – да не „залепват“ */
.product__info-container .price:after span,
.product__price:after span {
  margin-right: 6px;
}
/* 1) Махни стария :after, за да не се наслагва */
.product__info-container .price:after,
.product__price:after,
.product-single__price:after{
  content:none !important;
}

/* 2) Подреди зоната с цена да е колона, не да „прилепва“ */
.product__info-wrapper .price,
.product__info-container .price{
  display:block !important;
  margin-bottom:10px;
}

/* 3) Малките надписи под цената – четими и с въздух */
.product__tax,
.product__text,
.price .unit-price,
.price .secondary,
.product__policies{
  display:block !important;
  margin-top:6px !important;
  font-size:0.95rem !important;
  line-height:1.6 !important;
  color:var(--muted) !important;
  opacity:1 !important;
}

/* 4) НОВА TRUST-ЛЕНТА – собствен ред под цената */
.aroma-trust{ display:none; } /* за всеки случай ако вече съществува */

/* инжектираме я визуално чрез :after, но като ОТДЕЛЕН БЛОК */
.product__info-container .price + *:first-child::before{
  content:"✅ 100% оригинален продукт   •   🚚 Доставка 1–2 дни   •   ↩️ 14 дни право на връщане";
  display:block;
  margin:10px 0 14px;
  padding:10px 12px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:12px;
  font-size:0.95rem;
  line-height:1.5;
  color:var(--text);
  box-shadow:0 4px 12px rgba(0,0,0,.04);
  clear:both;
}

/* 5) Самата цена – по-четима и отделена от бейджа „Намаление“ */
.product__info-container .price .price__container,
.product__info-container .price .price-item{
  font-weight:800 !important;
  color:var(--text) !important;
}
.price .badge,
.price .badge--sale{
  margin-left:8px;              /* малко място от цената */
  vertical-align:middle;
}

/* 6) Варианти (3/5/10 мл) – малко по-стегнати и изравнени */
.product-form__input input[type="radio"] + label,
.variant-input label,
.swatch input + label{
  padding:8px 14px;
  border-radius:999px;
  font-weight:600;
  line-height:1;
}
.product-form__input input[type="radio"]:checked + label{ transform:none; }

/* 7) Дребни визуални корекции за Sense */
.product__info-wrapper .product__title{ margin-bottom:6px; }
.product__quantity{ margin-top:4px; }

/* ───────── RESET на предишните ми псевдо-елементи, за да няма конфликти */
.product__info-container .price:after,
.product__price:after,
.product-single__price:after,
.product__info-container .price + *:first-child::before { content:none !important; }

/* ───────── Малки надписи – четливи и с „въздух“ */
.product__tax,
.product__text,
.price .unit-price,
.price .secondary,
.product__policies{
  display:block !important;
  margin-top:6px !important;
  font-size:0.95rem !important;
  line-height:1.6 !important;
  color:var(--muted) !important;
  opacity:1 !important;
}

/* ───────── TRUST ЛИНИЯ – СЛАГАМЕ Я НАДЕЖДНО СЛЕД .product__tax (Sense го има винаги) */
.product__info-container .product__tax::after{
  content:"✅ 100% оригинален продукт  •  🚚 Доставка 1–2 дни  •  ↩️ 14 дни право на връщане";
  display:block;
  margin-top:8px;
  font-size:0.95rem;
  line-height:1.6;
  color:var(--muted);
}

/* ───────── Доп. четимост около цената (разделяме елементите леко) */
.product__info-container .price{ margin-bottom:6px !important; }
.price .badge, .price .badge--sale{ margin-left:8px; vertical-align:middle; }

/* ───────── Пилчета за вариантите (3/5/10 мл) – компактни и ясни */
.product-form__input input[type="radio"] + label,
.variant-input label,
.swatch input + label{
  padding:8px 14px;
  border-radius:999px;
  border:1px solid var(--line);
  background:#fff;
  color:var(--text);
  font-weight:600;
  line-height:1;
}
.product-form__input input[type="radio"]:checked + label,
.variant-input input:checked + label,
.swatch input:checked + label{
  background:#1f1f1f;  /* ако имаш променлива за тъмен текст, ползвай я */
  color:#fff;
  border-color:#1f1f1f;
}

/* ───────── Копчетата – за консистентност (ако вече ги имаш, това може да се пропусне) */
.product-form__submit, .single_add_to_cart_button{ 
  background:#fff !important; color:var(--text) !important; 
  border:1.5px solid var(--text) !important; border-radius:12px !important; 
  font-weight:800 !important; 
}
.shopify-payment-button .shopify-payment-button__button--unbranded{
  background:var(--accent) !important; color:#0F1115 !important; border-radius:12px !important; font-weight:800 !important;
}
.shopify-payment-button .shopify-payment-button__button--unbranded:hover{
  background:var(--accent-hover) !important;
}
/* Trust line в бяло каре */
.product__info-container .product__tax::after{
  content:"✅ 100% оригинален продукт   •   🚚 Доставка 1–2 дни   •   ↩️ 14 дни право на връщане";
  display:block;
  margin-top:12px;
  padding:12px 14px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:12px;
  font-size:0.95rem;
  line-height:1.5;
  color:var(--text);
  box-shadow:0 4px 12px rgba(0,0,0,.06);
}
/* ===== AROMADROP – TRUST BOX (Shopify Sense) – стабилен вариант ===== */

/* 0) Изчистване на всички предишни псевдо-елементи, за да няма конфликти */
.product__info-container .price::after,
.product__price::after,
.product-single__price::after { content: none !important; }

/* 1) Малките бележки да останат четими */
.product__tax,
.product__text,
.price .unit-price,
.price .secondary,
.product__policies{
  display:block !important;
  margin-top:6px !important;
  font-size:0.95rem !important;
  line-height:1.6 !important;
  color:var(--muted) !important;
  opacity:1 !important;
}

/* 2) TRUST каре – под "С включени данъци." и С МАЛКО НАДОЛУ */
.product__info-container .product__tax{ position:relative; }

.product__info-container .product__tax::after{
  content:"✅ 100% оригинален продукт  •  🚚 Доставка 1–2 дни  •  ↩️ 14 дни право на връщане";
  display:block !important;

  /* >>> тук контролираш колко да е „надолу“ от реда с данъците <<< */
  margin-top: 18px !important;   /* пробвай 16–22px според вкуса */
  margin-bottom: 12px !important;

  padding:12px 14px;
  background:#fff;
  border:1px solid var(--line, #E8E2D9);
  border-radius:12px;
  font-size:0.95rem;
  line-height:1.5;
  color:var(--text, #121416);
  box-shadow:0 4px 12px rgba(0,0,0,.06);
}
.product__info-container .product__tax::after{
  width:100%;
  box-sizing:border-box;
  margin-top:18px !important;
  margin-bottom:14px !important;
}
.price .price-item--regular, .price--compare{
  opacity:.55; font-weight:600;
}
.product__info-container .price{ gap:8px; }
.price .badge, .price .badge--sale{ margin-left:8px; }

.product-form__input input[type="radio"] + label{
  min-width:66px; text-align:center;
  padding:8px 14px; border-radius:999px; font-weight:700;
  box-shadow:0 2px 6px rgba(0,0,0,.05);
}
.product-form__input input[type="radio"]:checked + label{
  background:#1f1f1f; color:#fff; border-color:#1f1f1f;
}
.shopify-payment-button .shopify-payment-button__button--unbranded,
.product-form__submit{ transition:transform .12s ease; }
.shopify-payment-button .shopify-payment-button__button--unbranded:hover,
.product-form__submit:hover{ transform:translateY(-1px); }

@media (max-width: 640px){
  .product-form__submit,
  .shopify-payment-button .shopify-payment-button__button--unbranded{
    width:100%;
  }
}
@media (max-width: 640px){
  .product__title{ font-size:clamp(24px,6vw,34px); line-height:1.2; }
  .product__info-container .product__tax::after{ font-size:.9rem; line-height:1.5; }
}
/* =========================
   WHITE LUXE — custom overrides
   ========================= */

/* 1) Бранд променливи (надписват Sense/Dawn vars) */
:root{
  --brand-bg: #FFFFFF;
  --brand-bg-alt: #F8FAFC;
  --brand-surface: #FFFFFF;

  --brand-ink: #111111;
  --brand-ink-muted: #6B7280;
  --brand-border: #E5E7EB;

  --brand-gold: #C7A36D;      /* светло злато – бордери/чипове */
  --brand-gold-dark: #8B6A35; /* тъмно злато – бутони/линкове (контраст) */
  --brand-sale: #EF4444;
  --brand-success: #16A34A;

  /* map към общите променливи на темата */
  --color-background: var(--brand-bg);
  --color-foreground: var(--brand-ink);
  --color-accent: var(--brand-gold);
}

/* 2) База/типография/линкове */
html, body{ background: var(--brand-bg); color: var(--brand-ink); }
p, .rte p { color: var(--brand-ink); }
.text-subdued, .caption, .rte small { color: var(--brand-ink-muted); }
hr, .border, .card, .collapsible-content__wrapper { border-color: var(--brand-border) !important; }

a { color: var(--brand-gold-dark); text-decoration: none; }
a:hover { text-decoration: underline; text-underline-offset: 2px; }

/* 3) Header + announcement */
.shopify-section-header{
  background: rgba(255,255,255,.85);
  backdrop-filter: saturate(180%) blur(8px);
}
.announcement-bar, .announcement-bar__message{
  background: var(--brand-gold-dark); color: #fff;
}

/* 4) Бутони */
.button, button, [type="submit"], .button--primary{
  background: var(--brand-gold-dark); color: #fff; border: 1px solid var(--brand-gold-dark);
  border-radius: 9999px; padding: .9rem 1.4rem;
}
.button:hover, button:hover, [type="submit"]:hover{ filter: brightness(0.95); }

.button--secondary, .button--tertiary{
  background: transparent; color: var(--brand-ink);
  border: 1px solid var(--brand-gold);
  border-radius: 9999px;
}
.button--secondary:hover{ border-color: var(--brand-gold-dark); color: var(--brand-gold-dark); }

/* 5) Карти/решетка в колекции */
.card, .product-card, .card--standard{
  background: var(--brand-surface);
  border: 1px solid var(--brand-border);
  border-radius: 16px; overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease;
}
.card:hover{ transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,.06); }
.card__heading, .product-card__title{ font-weight: 600; }
.template-collection .grid{ gap: 28px !important; }

/* 6) Цени/намаления */
.price { font-weight: 700; }
.price--on-sale .price-item--regular{ color: var(--brand-ink-muted); text-decoration: line-through; }
.badge, .badge--sale{ background: var(--brand-sale); color:#fff; border-radius: 9999px; }

/* 7) Продуктова страница */
.product__title{ font-size: clamp(28px, 3.5vw, 40px); font-weight: 800; }
.product__media-list, .media{ border-radius: 16px; overflow: hidden; }
.quantity__input, .select, select, input, textarea{
  border: 1px solid var(--brand-border); border-radius: 10px; padding: .7rem .9rem;
}
input:focus, select:focus, textarea:focus{
  outline: none; border-color: var(--brand-gold);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-gold) 35%, transparent);
}

/* 8) Херо/секции */
.template-index .banner, .slideshow, .slideshow__slide{ border-radius: 20px; overflow: hidden; }

/* 9) Футър */
.footer{ background: #0B0B0B; color: #F3F4F6; }
.footer a{ color: var(--brand-gold); }

/* ===== End White Luxe ===== */

/* === SENSE OVERRIDE PACK — force across section color schemes === */
/* Добави това НАЙ-ОТДОЛУ в base.css */

:root,
[class*="color-scheme"], .color-scheme, .color-inverse,
.color-background-1, .color-background-2, .color-background-3{
  /* Основни */
  --color-background: #FFFFFF !important;
  --gradient-background: #FFFFFF !important;
  --color-foreground: #111111 !important;
  --color-accent: #C7A36D !important;

  /* Полезни алиаси (някои версии ги ползват) */
  --link-color: #8B6A35 !important;
  --text-color: #111111 !important;
  --border-color: #E5E7EB !important;

  /* Dawn/Sense tokens (различни версии) */
  --color-base-text: #111111 !important;
  --color-base-background-1: #FFFFFF !important;
  --color-base-background-2: #F8FAFC !important;
  --color-base-accent-1: #C7A36D !important;
  --color-base-accent-2: #8B6A35 !important;
}

/* Линкове */
a, .link, .link--text, .link--accent { color: #8B6A35 !important; }

/* Бутони (primary/ATC/dynamic checkout) */
.button, .button.button--primary, .button--primary,
.product-form__submit,
.shopify-payment-button__button, .shopify-payment-button__button--unbranded{
  background: #8B6A35 !important;
  border-color: #8B6A35 !important;
  color: #fff !important;
  border-radius: 9999px !important;
}
.button--secondary, .button--tertiary, .button.button--secondary{
  background: transparent !important;
  color: #111111 !important;
  border: 1px solid #C7A36D !important;
  border-radius: 9999px !important;
}

/* Карти / продуктови плочки */
.card, .card--standard, .product-card,
.card-wrapper, .card__inner, .product-grid .card-wrapper{
  background: #FFFFFF !important;
  border: 1px solid #E5E7EB !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}

/* Цени/баджове */
.price{ color:#111111 !important; font-weight:700; }
.price--on-sale .price-item--regular{ color:#6B7280 !important; text-decoration:line-through; }
.badge, .badge--sale{ background:#EF4444 !important; color:#fff !important; border-radius:9999px !important; }

/* Полета/селектори */
.quantity__input, .select__select, select, input, textarea{
  border:1px solid #E5E7EB !important; border-radius:10px !important; padding:.7rem .9rem;
}
input:focus, select:focus, textarea:focus{
  outline:none !important; border-color:#C7A36D !important;
  box-shadow:0 0 0 3px rgba(199,163,109,.35) !important;
}

/* Херо/банери */
.banner, .banner__media, .slideshow, .slideshow__slide, .media{
  border-radius:20px !important; overflow:hidden !important;
}

/* Футър */
.footer{ background:#0B0B0B !important; color:#F3F4F6 !important; }
.footer a{ color:#C7A36D !important; }

/* ===== Hero (Image with text) – визуална тежест и подравняване ===== */
.image-with-text .grid,
.section-image-with-text .grid { align-items: center; }

.image-with-text .image-with-text__content,
.section-image-with-text .image-with-text__content {
  display: flex; flex-direction: column; justify-content: center;
  gap: 12px; /* равни отстояния между елементите */
  padding: clamp(12px, 4vw, 32px);
}

.image-with-text h1, .image-with-text h2,
.section-image-with-text h1, .section-image-with-text h2 {
  font-size: clamp(28px, 4vw, 46px);
  line-height: 1.15; font-weight: 800; letter-spacing: .2px;
  color: #111111;
}

.image-with-text .rte p { font-size: clamp(15px, 1.5vw, 18px); color:#6B7280; }

/* Медията да е „карта“ */
.image-with-text .image-with-text__media,
.section-image-with-text .image-with-text__media,
.image-with-text .media {
  border-radius: 20px; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,.06);
}

/* ===== CTA – по-смел бутон ===== */
.image-with-text .button, .image-with-text .button--primary,
.section-image-with-text .button, .section-image-with-text .button--primary {
  background:#8B6A35 !important; color:#fff !important; border: none !important;
  border-radius: 9999px !important; padding: 1rem 1.5rem !important;
  font-weight: 700;
  box-shadow: 0 6px 18px rgba(0,0,0,.10);
}
.image-with-text .button:hover,
.section-image-with-text .button:hover { transform: translateY(-1px); filter: brightness(0.97); }

/* Малка бележка под бутона (ако имаш текст) */
.image-with-text .button + * { color:#6B7280; font-size: 14px; }

/* ===== Announcement bar – по-четимо ===== */
.announcement-bar, .announcement-bar__message{
  font-weight:600; letter-spacing:.02em;
}

/* ===== Количка – бадж в бранд цвят ===== */
.cart-count-bubble, .cart-count-bubble .icon-bubble {
  background:#8B6A35 !important; color:#fff !important;
}

/* ===== Общи дреболии ===== */
a { color:#8B6A35; }
a:hover { text-decoration: underline; text-underline-offset:2px; }

@media (max-width: 749px){
  .image-with-text .button, .section-image-with-text .button { width: 100%; }
  .image-with-text .image-with-text__content{ padding: 16px; }
}
/* ===== 10/10 HERO PACK (Sense) ===== */

/* 0) Глобално – по-чист шрифт и ритъм (може да оставиш, ако вече ползваш Inter) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap');
body { font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }

/* Бранд цветове (ако вече ги имаш – остави ги) */
:root{
  --brand-ink:#111111; --brand-ink-muted:#6B7280;
  --brand-border:#E5E7EB; --brand-gold:#C7A36D; --brand-gold-dark:#8B6A35;
}

/* 1) Header/Announcement – ясно и четимо */
.announcement-bar, .announcement-bar__message{
  background: var(--brand-gold-dark) !important; color:#fff !important;
  font-weight: 700; letter-spacing: .02em;
}

/* 2) Навигация – златна линия при hover/active */
.header .list-menu__item a{ position:relative; }
.header .list-menu__item a:hover::after,
.header .list-menu__item a[aria-current="page"]::after{
  content:""; position:absolute; left:0; right:0; bottom:-8px; height:2px; background:var(--brand-gold-dark);
}

/* 3) HERO (Image with text) – удар и баланс */
.image-with-text .grid,
.section-image-with-text .grid { align-items: center; }

/* Контейнерът с текста – ограничаваме ширината за красиви редове */
.image-with-text .image-with-text__content,
.section-image-with-text .image-with-text__content{
  max-width: 560px; margin-inline:auto; /* центрира на по-малки екрани */
  display:flex; flex-direction:column; gap:14px;
  padding: clamp(12px, 3.5vw, 32px);
}

/* Заглавия – силни, но не огромни, по-плътна междуредова */
.image-with-text h1, .image-with-text h2,
.section-image-with-text h1, .section-image-with-text h2{
  font-size: clamp(28px, 4.2vw, 44px);
  line-height: 1.15; font-weight: 800; letter-spacing:.2px;
  color: var(--brand-ink);
  hyphens: auto; word-break: normal;
}

/* Параграф/подзаглавие */
.image-with-text .rte p{ font-size: clamp(15px, 1.6vw, 18px); color: var(--brand-ink-muted); }

/* Медията – „карта“ с мека сянка */
.image-with-text .image-with-text__media,
.section-image-with-text .image-with-text__media,
.image-with-text .media{
  border-radius: 20px; overflow:hidden;
  box-shadow: 0 10px 28px rgba(0,0,0,.08);
}

/* 4) CTA – голям, контрастен, smooth hover */
.image-with-text .button, .image-with-text .button--primary,
.section-image-with-text .button, .section-image-with-text .button--primary{
  background: var(--brand-gold-dark) !important; color:#fff !important;
  border: none !important; border-radius: 9999px !important;
  padding: 1rem 1.6rem !important; font-weight: 800;
  box-shadow: 0 10px 24px rgba(139,106,53,.25);
  transform: translateZ(0);
}
.image-with-text .button:hover,
.section-image-with-text .button:hover{
  filter: brightness(0.97); transform: translateY(-1px);
}

/* Малък ред доверие под бутона (стилирай първия параграф след бутона) */
.image-with-text .button + p,
.section-image-with-text .button + p{
  margin-top: 6px; font-size: 14px; color: var(--brand-ink-muted);
}

/* 5) Карти продукти – premium усещане */
.card, .card--standard, .product-card, .card-wrapper{
  background:#fff; border:1px solid var(--brand-border); border-radius:16px; overflow:hidden;
  transition: transform .2s ease, box-shadow .2s ease;
}
.card:hover{ transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,.06); }

/* Цена/намаление */
.price{ color:var(--brand-ink); font-weight:700; }
.price--on-sale .price-item--regular{ color:var(--brand-ink-muted); text-decoration:line-through; }
.badge, .badge--sale{ background:#EF4444 !important; color:#fff !important; border-radius:9999px; }

/* 6) Линкове/фокус – достъпност и бранд */
a{ color: var(--brand-gold-dark); text-decoration:none; }
a:hover{ text-decoration: underline; text-underline-offset: 2px; }
:focus-visible{ outline: 3px solid color-mix(in srgb, var(--brand-gold) 40%, transparent); outline-offset: 2px; }

/* 7) Форм полета – clean */
.select__select, select, input, textarea, .quantity__input{
  border:1px solid var(--brand-border); border-radius:10px; padding:.7rem .9rem;
}
.select__select:focus, select:focus, input:focus, textarea:focus{
  border-color: var(--brand-gold); box-shadow: 0 0 0 3px rgba(199,163,109,.30);
}

/* 8) Cart badge – бранд */
.cart-count-bubble{ background: var(--brand-gold-dark) !important; color:#fff !important; }

/* 9) Мобилни корекции */
@media (max-width: 749px){
  .image-with-text .image-with-text__content{ padding: 16px; }
  .image-with-text .button, .section-image-with-text .button{ width:100%; }
  .header .list-menu__item a:hover::after{ display:none; }
}
/* ===== PRODUCT 10/10 PACK (Sense) ===== */

/* 1) Заглавие, vendor, цена */
.product__title{
  font-size: clamp(28px, 3.6vw, 44px); line-height:1.15; font-weight:800;
}
.product__text, .product__text .caption-with-letter-spacing{
  text-transform: uppercase; letter-spacing:.12em; color:#6B7280;
}
.product .price .price-item{
  font-weight:800; color:#111;
}
/* Конверсията в евро и дребни надписи – по-тихи */
.product .price small, .product .unit-price, .product .tax-note{
  color:#6B7280; font-weight:600;
}

/* 2) Бутоните – Add to cart = главен (плътен), Buy now = вторичен (контур) */
.product-form__buttons .product-form__submit{
  background:#8B6A35 !important; color:#fff !important; border:none !important;
  border-radius:9999px !important; padding:1rem 1.4rem !important; font-weight:800;
  box-shadow:0 10px 24px rgba(139,106,53,.20);
}
.shopify-payment-button__button, .shopify-payment-button__button--unbranded{
  background:#fff !important; color:#8B6A35 !important;
  border:1px solid #8B6A35 !important; border-radius:9999px !important;
  font-weight:800;
}
/* Разстояние и еднаква височина */
.product-form__buttons .shopify-payment-button{ margin-top:10px; }
.product-form__buttons .button, .shopify-payment-button__button{ min-height:52px; }

/* 3) Размери (варианти) – „pill“ стил с ясно избран */
.product-form__input input[type="radio"] + label{
  border:1.5px solid #E5E7EB; border-radius:9999px; padding:.55rem .9rem;
  font-weight:700; background:#fff; color:#111;
}
.product-form__input input[type="radio"]:hover + label{ border-color:#C7A36D; }
.product-form__input input[type="radio"]:checked + label{
  background:#8B6A35; color:#fff; border-color:#8B6A35;
  box-shadow:0 6px 18px rgba(139,106,53,.18);
}

/* 4) Quantity stepper – по-ясен */
.quantity{ border-radius:9999px; border:1px solid #E5E7EB; overflow:hidden; }
.quantity__button, .quantity__input{ height:44px; }

/* 5) „Trust“ бокс под цената – чипове */
.product__info-wrapper .rte{
  display:block;
}
.product__info-wrapper .rte p + *{ margin-top:8px; }
.product__info-wrapper .rte ul{ padding:0; margin:-4px 0 0 0; list-style:none; }
.product__info-wrapper .rte ul li{
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 10px; margin:4px 6px 0 0;
  background:#fff; border:1px solid #E5E7EB; border-radius:9999px;
  font-weight:600; color:#111;
}
/* ако е едно изречение (без списък) */
.product__info-wrapper .rte .note, .product__info-wrapper .rte small{
  color:#6B7280;
}

/* 6) Галерията – „лепнеща“ на десктоп + карта визия */
@media (min-width: 990px){
  .product__media-wrapper{ position:sticky; top:96px; }
}
.product__media-wrapper .media, .product__media-wrapper .product__media{
  border-radius:18px; overflow:hidden; box-shadow:0 10px 28px rgba(0,0,0,.06);
}

/* 7) Дреболии и четимост */
.product__info-wrapper{ gap: 10px; }
.breadcrumbs, .product__tax, .product__xr, .product__sku{ color:#6B7280; }

/* === FINAL POLISH — Product page === */

/* 1) Главен CTA = плътен; „Купете сега“ = контур (по-мек вторичен) */
.product-form__buttons .product-form__submit{
  background:#8B6A35 !important; background-image:none !important;
  color:#fff !important; border:none !important;
  border-radius:9999px !important; min-height:56px !important; font-weight:800;
  box-shadow:0 10px 24px rgba(139,106,53,.18);
}
.shopify-payment-button__button, .shopify-payment-button__button--unbranded{
  background:#fff !important; color:#8B6A35 !important;
  border:1.5px solid #8B6A35 !important; border-radius:9999px !important;
  min-height:56px !important; font-weight:800; box-shadow:none !important;
}
.product-form__buttons .shopify-payment-button{ margin-top:10px !important; }

/* 2) Варианти – еднаква височина и още по-ясно избран */
.product-form__input input[type="radio"] + label{
  min-height:42px; display:inline-flex; align-items:center;
  padding:.55rem 1rem; border:1.5px solid #E5E7EB; border-radius:9999px;
  font-weight:700; background:#fff; color:#111;
}
.product-form__input input[type="radio"]:checked + label{
  background:#8B6A35; color:#fff; border-color:#8B6A35;
  box-shadow:0 6px 18px rgba(139,106,53,.18);
}

/* 3) Разстояния около цена и „trust“ кутията */
.product .price{ margin-bottom:6px; }
.product__info-wrapper .rte{ margin-top:8px; }

/* 4) Количество – визуално подравнено */
.quantity{ border:1px solid #E5E7EB; border-radius:9999px; overflow:hidden; }
.quantity__button, .quantity__input{ height:44px; }

/* 5) Галерията – „карта“ и лепкава на десктоп */
@media (min-width: 990px){
  .product__media-wrapper{ position:sticky; top:96px; }
}
.product__media-wrapper .media, .product__media-wrapper .product__media{
  border-radius:18px; overflow:hidden; box-shadow:0 10px 28px rgba(0,0,0,.06);
}

/* 6) Дреболии */
.breadcrumbs, .product__tax, .product__xr, .product__sku{ color:#6B7280; }

@media (max-width: 749px){
  .product-form__buttons{
    position:sticky; bottom:0; z-index:40;
    background:#fff; padding:12px 16px 16px;
    box-shadow:0 -8px 24px rgba(0,0,0,.08);
    margin-left:-16px; margin-right:-16px; width:calc(100% + 32px);
  }
}
/* === Variant pills: perfect centering === */
.product-form__input input[type="radio"] + label{
  display: inline-flex;               /* позволява центриране */
  align-items: center;                /* вертикално център */
  justify-content: center;            /* хоризонтално център */
  line-height: 1;                     /* маха излишната височина от шрифта */
  height: 44px;                       /* еднаква височина */
  padding: 0 14px;                    /* симетричен падинг */
  margin: 0;                          /* без изместване от margin */
  vertical-align: middle;             /* центрира спрямо съседните елементи */
}

/* по избор: на мобилно – малко по-високи за по-лесно натискане */
@media (max-width: 749px){
  .product-form__input input[type="radio"] + label{ height: 48px; }
}

/* === HIDE QUANTITY on product page & Quick add (Sense/Dawn) === */
.template-product .product__info-wrapper .product-form__quantity,
.template-product .product__info-wrapper .product-form__input--quantity,
.template-product .product__info-wrapper quantity-input,
.quick-add-modal__content .product-form__quantity,
.quick-add-modal__content quantity-input{
  display: none !important;
}

/* Скрий и самия етикет "Количество", ако е отделен */
.template-product .product__info-wrapper label[for*="Quantity"],
.template-product .product__info-wrapper .quantity__label{
  display: none !important;
}

/* Премахни празните разстояния след като махнем количеството */
.template-product .product__info-wrapper .product-form__buttons{
  margin-top: 8px !important;
}

/* === TIGHT BUTTONS (по-компактни, еднаква височина, по-малка дистанция) === */
.product-form__buttons{ gap: 8px !important; }

.product-form__buttons .product-form__submit{
  min-height: 48px !important;
  padding: 0.85rem 1.2rem !important;
  border-radius: 9999px !important;
  line-height: 1 !important;
  background: #8B6A35 !important; color:#fff !important; border:none !important;
  box-shadow: 0 6px 18px rgba(139,106,53,.16);
}

.product-form__buttons .shopify-payment-button{ margin-top: 6px !important; }

.shopify-payment-button__button,
.shopify-payment-button__button--unbranded{
  min-height: 48px !important;
  padding: 0.85rem 1.2rem !important;
  border-radius: 9999px !important;
  line-height: 1 !important;
  background:#fff !important; color:#8B6A35 !important;
  border:1.5px solid #8B6A35 !important; box-shadow:none !important;
}
/* === KILL SENSE RING + MAKE CLEAN PRIMARY BUTTON === */

/* 0) Нулирай ring променливите в контейнера */
.template-product .product-form__buttons{
  --buttons-border-width: 0 !important;
  --shadow-button: none !important;
  --shadow-button-hover: none !important;
  --shadow-button-focus: none !important;
}

/* 1) Махни всички „outline“ ефекти и градиенти от бутона */
.template-product .product-form__buttons .button,
.template-product .product-form__buttons .button--primary,
.template-product .product-form__buttons .product-form__submit{
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  position: relative !important;
}

/* 2) Убий псевдо-елементите, които рисуват втория контур */
.template-product .product-form__buttons .button::after,
.template-product .product-form__buttons .button::before,
.template-product .product-form__buttons .button--primary::after,
.template-product .product-form__buttons .button--primary::before,
.template-product .product-form__buttons .product-form__submit::after,
.template-product .product-form__buttons .product-form__submit::before{
  content: none !important;
  display: none !important;
}

/* 3) Финален стил за „Добави в количката“ */
.template-product .product-form__buttons button[name="add"],
.template-product .product-form__buttons .product-form__submit,
.template-product form[action*="/cart/add"] button[type="submit"]{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 56px !important;
  padding: 1rem 1.2rem !important;

  background: #8B6A35 !important;
  color: #fff !important;
  border-radius: 9999px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

/* 4) Hover/Focus без да връща ring */
.template-product .product-form__buttons button[name="add"]:hover,
.template-product .product-form__buttons .product-form__submit:hover{
  filter: brightness(0.97) !important;
  transform: translateY(-1px);
}
.template-product .product-form__buttons button[name="add"]:
/* === ADD TO CART — GHOST RING KILLER === */

/* 1) Нулирай всички сенки/рамки по обвивките около бутона */
.template-product .product-form__buttons > *,
.template-product .product-form__buttons > * > *{
  box-shadow: none !important;
  border: 0 !important;
  background-image: none !important;
}

/* 2) Самият бутон: клипваме всичко вътре (вкл. ::before/::after) и задаваме плътен стил */
.template-product .product-form__buttons .product-form__submit,
.template-product .product-form__buttons button[name="add"],
.template-product form[action*="/cart/add"] button[type="submit"]{
  position: relative !important;
  overflow: hidden !important;           /* клипва „ореола“ */
  isolation: isolate !important;         /* за всеки случай */
  background: #8B6A35 !important;
  color: #fff !important;
  border-radius: 9999px !important;
  border: 0 !important;
  width: 100% !important;
  min-height: 56px !important;
  padding: 1rem 1.2rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  box-shadow: none !important;           /* чист, без външна сянка */
  outline: 0 !important;
}

/* 3) Убий псевдо-елементите (дори ако темата ги форсира) */
.template-product .product-form__buttons .product-form__submit::before,
.template-product .product-form__buttons .product-form__submit::after,
.template-product .product-form__buttons button[name="add"]::before,
.template-product .product-form__buttons button[name="add"]::after,
.template-product form[action*="/cart/add"] button[type="submit"]::before,
.template-product form[action*="/cart/add"] button[type="submit"]::after{
  content: "" !important;
  display: none !important;
  width: 0 !important; height: 0 !important;
  border: 0 !important; box-shadow: none !important; background: transparent !important;
}

/* 4) Hover/Focus без да се появява нов контур */
.template-product .product-form__buttons .product-form__submit:hover,
.template-product .product-form__buttons button[name="add"]:hover{
  filter: brightness(0.97) !important; transform: translateY(-1px);
}
.template-product .product-form__buttons .product-form__submit:focus,
.template-product .product-form__buttons .product-form__submit:focus-visible,
.template-product .product-form__buttons button[name="add"]:focus,
.template-product .product-form__buttons button[name="add"]:focus-visible{
  outline: none !important;
  box-shadow: none !important;
}
/* === FINAL KILL for ghost ring on Add-to-cart (Sense) === */

/* 1) Изчисти всички сенки/рамки на обвивките около бутона */
body.template-product .product-form__buttons > *,
body.template-product .product-form__buttons > * > *{
  box-shadow: none !important;
  border: 0 !important;
  background-image: none !important;
  outline: 0 !important;
}

/* 2) Самият бутон – стил и клипване */
body.template-product .product-form__buttons .product-form__submit.button.button.button,
body.template-product .product-form__buttons button[name="add"].button.button.button,
body.template-product form[action*="/cart/add"] button[type="submit"].button.button.button{
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  width: 100% !important;
  min-height: 56px !important;
  padding: 1rem 1.2rem !important;

  background: #8B6A35 !important;      /* плътен бранд цвят */
  color: #fff !important;
  border-radius: 9999px !important;
  border: 0 !important;
  font-weight: 800 !important;
  line-height: 1 !important;

  box-shadow: none !important;
  outline: 0 !important;
}

/* 3) Убий псевдо-елементите с максимална специфичност */
body.template-product .product-form__buttons .product-form__submit.button.button.button::before,
body.template-product .product-form__buttons .product-form__submit.button.button.button::after,
body.template-product .product-form__buttons button[name="add"].button.button.button::before,
body.template-product .product-form__buttons button[name="add"].button.button.button::after,
body.template-product form[action*="/cart/add"] button[type="submit"].button.button.button::before,
body.template-product form[action*="/cart/add"] button[type="submit"].button.button.button::after{
  content: "" !important;
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* 4) Допълнително – нулирай theme променливите за ring/shadow */
body.template-product .product-form__buttons,
body.template-product .product-form__buttons .button{
  --buttons-border-width: 0 !important;
  --shadow-button: none !important;
  --shadow-button-hover: none !important;
  --shadow-button-focus: none !important;
  --shadow-button-active: none !important;
  filter: none !important;
}

/* 5) Hover/Focus без нов контур */
body.template-product .product-form__buttons .product-form__submit.button.button.button:hover,
body.template-product .product-form__buttons button[name="add"].button.button.button:hover{
  filter: brightness(0.97) !important;
  transform: translateY(-1px);
}
body.template-product .product-form__buttons .product-form__submit.button.button.button:focus,
body.template-product .product-form__buttons .product-form__submit.button.button.button:focus-visible,
body.template-product .product-form__buttons button[name="add"].button.button.button:focus,
body.template-product .product-form__buttons button[name="add"].button.button.button:focus-visible{
  outline: 0 !important;
  box-shadow: none !important;
}
/* === NUKE PACK — Add to cart ghost ring (Sense) === */

/* 0) Нулирай сенки/филтри по всички обвивки */
.template-product .product-form__buttons,
.template-product .product-form__buttons > *,
.template-product .product-form__buttons > * > *{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  outline: 0 !important;
}

/* 1) Самият бутон: чист стил + маска, която отрязва ВСИЧКО извън радиуса */
.template-product .product-form__buttons button[name="add"],
.template-product .product-form__buttons .product-form__submit,
.template-product form[action*="/cart/add"] button[type="submit"]{
  -webkit-appearance:none !important; appearance:none !important;

  position: relative !important;
  width: 100% !important;
  min-height: 56px !important;
  padding: 1rem 1.2rem !important;

  background: #8B6A35 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 9999px !important;
  font-weight: 800 !important;
  line-height: 1 !important;

  /* ключът: клипваме всичко, включително псевдо-елементи и drop-shadow */
  overflow: visible !important;
  clip-path: inset(0 round 9999px) !important;
  -webkit-clip-path: inset(0 round 9999px) !important;

  background-clip: padding-box !important;
  box-shadow: none !important;
  filter: none !important;
  outline: none !important;
  isolation: isolate !important;
}

/* 2) Убий каквито и да са псевдо-елементи и ефекти */
.template-product .product-form__buttons .product-form__submit::before,
.template-product .product-form__buttons .product-form__submit::after,
.template-product .product-form__buttons button[name="add"]::before,
.template-product .product-form__buttons button[name="add"]::after,
.template-product form[action*="/cart/add"] button[type="submit"]::before,
.template-product form[action*="/cart/add"] button[type="submit"]::after{
  content: "" !important;
  display: none !important;
  width: 0 !important; height: 0 !important;
  border: 0 !important; box-shadow: none !important; filter: none !important;
  background: transparent !important;
}

/* 3) Дори ако темата рисува ring чрез drop-shadow на .button – зануляваме */
.template-product .product-form__buttons .button{
  box-shadow: none !important;
  filter: none !important;
  background-image: none !important;
}

/* 4) Hover/Focus – без да връща ring */
.template-product .product-form__buttons button[name="add"]:hover,
.template-product .product-form__buttons .product-form__submit:hover{
  filter: brightness(0.97) !important;
  transform: translateY(-1px);
}
.template-product .product-form__buttons button[name="add"]:focus,
.template-product .product-form__buttons .product-form__submit:focus,
.template-product .product-form__buttons button[name="add"]:focus-visible,
.template-product .product-form__buttons .product-form__submit:focus-visible{
  outline: 0 !important;
  box-shadow: none !important;
}
/* === ADD TO CART — CLEAN, NO RINGS === */

/* Нулирай сенки/рамки на всички обвивки около бутона */
.template-product .product-form__buttons,
.template-product .product-form__buttons *{
  box-shadow: none !important;
  background-image: none !important;
  filter: none !important;
}

/* Убий псевдо-елементите (ако темата ги добавя) */
.template-product .product-form__buttons *::before,
.template-product .product-form__buttons *::after{
  content: none !important;
  box-shadow: none !important;
  background: transparent !important;
  border: 0 !important;
}

/* Самият бутон – плътен стил */
.template-product .product-form__buttons .product-form__submit,
.template-product .product-form__buttons button[name="add"],
.template-product form[action*="/cart/add"] button[type="submit"]{
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;

  background: #8B6A35 !important;  /* бранд цвят */
  color: #fff !important;
  border: 0 !important;
  border-radius: 9999px !important;
  min-height: 56px !important;
  padding: 1rem 1.2rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;

  /* Ключът: вътрешен outline, който „изяжда“ белите ъгли */
  outline: 3px solid #8B6A35 !important;
  outline-offset: -3px !important;   /* навътре, над рисунките на темата */
}

/* Hover/Focus без да връща ринг */
.template-product .product-form__buttons .product-form__submit:hover,
.template-product .product-form__buttons button[name="add"]:hover{
  filter: brightness(0.97) !important; transform: translateY(-1px);
}
.template-product .product-form__buttons .product-form__submit:focus,
.template-product .product-form__buttons .product-form__submit:focus-visible,
.template-product .product-form__buttons button[name="add"]:focus,
.template-product .product-form__buttons button[name="add"]:focus-visible{
  outline: 3px solid #8B6A35 !important;
  outline-offset: -3px !important;
  box-shadow: none !important;
}
/* =========================
   GLOBAL BUTTON CLEANUP — Sense/Dawn
   Убива външните рингове/сенки и задава чист стил
   ========================= */

/* 0) Нулирай theme променливите за бутони (ако темата ги ползва) */
:root{
  --buttons-border-width: 0 !important;
  --shadow-button: none !important;
  --shadow-button-hover: none !important;
  --shadow-button-focus: none !important;
  --shadow-button-active: none !important;
}

/* 1) Всички бутони (site-wide) да са „чисти“ */
.button, button, [type="submit"],
.shopify-payment-button__button, .shopify-payment-button__button--unbranded,
.cart__checkout-button, .cart-notification__links .button,
.drawer__footer .button, .cart-drawer .button, .quick-add__submit,
.product-form__buttons .button, .product-form__submit{
  -webkit-appearance: none !important; appearance: none !important;
  position: relative !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;

  border: 0 !important;
  background-image: none !important;
  box-shadow: none !important; filter: none !important;
  outline: 0 !important;

  border-radius: 9999px !important;          /* „pill“ */
  background-clip: padding-box !important;   /* да не прозира „под“ радиуса */
  overflow: hidden !important;               /* клипва всичко вътре */

  /* ключът – маска/клип път, който отрязва каквито и да е ореоли */
  clip-path: inset(0 round 9999px) !important;
  -webkit-clip-path: inset(0 round 9999px) !important;
}

/* 2) Убий всички псевдо-елементи/пръстени около бутоните */
.button::before, .button::after,
.shopify-payment-button__button::before, .shopify-payment-button__button::after,
.cart__checkout-button::before, .cart__checkout-button::after,
.product-form__submit::before, .product-form__submit::after,
.quick-add__submit::before, .quick-add__submit::after{
  content: none !important; display: none !important;
  border: 0 !important; box-shadow: none !important; background: transparent !important;
}

/* 3) Нулирай и обвивките (тук често седи „призракът“) */
.cart-notification__links > *, .cart-notification__links > * > *,
.drawer__footer > *, .drawer__footer > * > *,
.product-form__buttons > *, .product-form__buttons > * > *,
.cart__ctas > *, .cart__ctas > * > *{
  border: 0 !important; box-shadow: none !important; background-image: none !important; outline: 0 !important;
}

/* 4) Нашите стилове (първичен/вторичен), приложими навсякъде */
.button--primary, .product-form__submit, .cart__checkout-button.primary,
button[name="add"], .quick-add__submit{
  background: #8B6A35 !important; color:#fff !important;
}
.button--secondary, .shopify-payment-button__button, .shopify-payment-button__button--unbranded,
.cart-notification__links .button:not(.button--primary),
.drawer__footer .button:not(.button--primary){
  background:#fff !important; color:#8B6A35 !important;
  border:1.5px solid #8B6A35 !important;
}

/* 5) Размер/стягане (по избор – еднаква височина) */
.button, button, [type="submit"],
.shopify-payment-button__button, .shopify-payment-button__button--unbranded,
.cart__checkout-button, .quick-add__submit{
  min-height: 52px !important; padding: .9rem 1.2rem !important; font-weight: 800 !important; line-height: 1 !important;
}

/* 6) Hover/Focus – без да се връща ореол */
.button:hover, .product-form__submit:hover, .cart__checkout-button:hover{ filter: brightness(.97) !important; transform: translateY(-1px); }
.button:focus, .button:focus-visible,
.product-form__submit:focus, .product-form__submit:focus-visible,
.cart__checkout-button:focus, .cart__checkout-button:focus-visible{
  outline: 0 !important; box-shadow: none !important;
}
/* ==== 1) FIX ГЛИТЧОВЕ – махни глобалния clip-path от всички бутони ==== */
.button, button, [type="submit"],
.shopify-payment-button__button, .shopify-payment-button__button--unbranded,
.cart__checkout-button, .cart-notification__links .button,
.drawer__footer .button, .cart-drawer .button, .quick-add__submit,
.product-form__buttons .button, .product-form__submit{
  clip-path: none !important;
  -webkit-clip-path: none !important;
  background-clip: border-box !important;
  overflow: visible !important;
}

/* ==== 2) СТИЛ само където ни трябва – без „ринг“ ==== */
/* Product: Add to cart (главен) */
.template-product .product-form__submit,
.template-product button[name="add"]{
  background:#8B6A35 !important; color:#fff !important;
  border:0 !important; border-radius:9999px !important;
  min-height:56px !important; padding:1rem 1.2rem !important;
  font-weight:800 !important; box-shadow:none !important;
  background-image:none !important; outline:0 !important;
}
.template-product .product-form__submit::before,
.template-product .product-form__submit::after{ display:none !important; }

/* Product: Buy now (вторичен) */
.template-product .shopify-payment-button__button,
.template-product .shopify-payment-button__button--unbranded{
  background:#fff !important; color:#8B6A35 !important;
  border:1.5px solid #8B6A35 !important; border-radius:9999px !important;
  min-height:56px !important; font-weight:800 !important;
  box-shadow:none !important; background-image:none !important;
}

/* Cart popup / drawer / cart page – checkout бутони */
.cart-notification__links .button--primary,
.drawer__footer .cart__checkout-button,
.cart__ctas .cart__checkout-button{
  background:#8B6A35 !important; color:#fff !important;
  border:0 !important; border-radius:9999px !important;
  box-shadow:none !important; background-image:none !important;
}
.cart-notification__links .button--primary::before,
.cart-notification__links .button--primary::after,
.drawer__footer .cart__checkout-button::before,
.drawer__footer .cart__checkout-button::after{ display:none !important; }

/* Вторични бутони в cart */
.cart-notification__links .button:not(.button--primary),
.drawer__footer .button:not(.cart__checkout-button){
  background:#fff !important; color:#8B6A35 !important;
  border:1.5px solid #8B6A35 !important; border-radius:9999px !important;
  box-shadow:none !important; background-image:none !important;
}
/* === FIX: видими skip-линкове/таблетки вляво === */

/* По подразбиране: скрити (достъпни за screen readers) */
.visually-hidden:not(:focus):not(:active),
.skip-to-content-link:not(:focus):not(:active),
.skip-link:not(:focus):not(:active){
  position: absolute !important;
  width: 1px !important; height: 1px !important;
  padding: 0 !important; margin: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Когато потребителят навигира с клавиатура (фокус) – покажи ги красиво горе вляво */
.skip-to-content-link:focus, .skip-to-content-link:active,
.skip-link:focus, .skip-link:active{
  position: fixed !important; top: 12px !important; left: 12px !important;
  width: auto !important; height: auto !important;
  clip: auto !important; clip-path: none !important; overflow: visible !important;

  background: #ffffff !important; color: #111111 !important;
  border: 1px solid #E5E7EB !important; border-radius: 8px !important;
  padding: 8px 12px !important; z-index: 9999 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.08) !important;
  text-decoration: none !important;
}

/* Важно: ако тези елементи имат и клас .button, нулирай бутонните стилове */
.visually-hidden.button, .button.visually-hidden,
.skip-to-content-link.button:not(:focus):not(:active),
.skip-link.button:not(:focus):not(:active){
  background: none !important; border: 0 !important; box-shadow: none !important;
  border-radius: 0 !important; min-height: 0 !important; clip-path: inset(50%) !important;
}
/* === Quantity — brand pill (Sense) === */

/* Контейнер */
.template-product .quantity,
.cart-items .quantity,
.cart-drawer .quantity{
  display: inline-flex; align-items: center; gap: 0;
  height: 48px; border-radius: 9999px; overflow: hidden;
  background: #fff; border: 1.5px solid #E5E7EB;
  box-shadow: 0 4px 12px rgba(0,0,0,.04);
}

/* Минус/Плюс бутони */
.template-product .quantity__button,
.cart-items .quantity__button,
.cart-drawer .quantity__button{
  width: 44px; height: 100%;
  display: flex; align-items: center; justify-content: center;
  background: transparent; border: 0; color: #6B7280; cursor: pointer;
}
.quantity__button:hover{ color: #8B6A35; }

/* Самото поле — махаме вътрешния „квадрат“ */
.template-product .quantity__input,
.cart-items .quantity__input,
.cart-drawer .quantity__input{
  width: 56px; height: 100%;
  text-align: center; font-weight: 700; color: #111;
  background: transparent !important;  /* ключът */
  border: 0 !important; box-shadow: none !important; outline: none !important;
  line-height: 1;
}

/* Премахни стрелките на number input (Chrome/Firefox) */
.quantity__input::-webkit-outer-spin-button,
.quantity__input::-webkit-inner-spin-button{ -webkit-appearance: none; margin: 0; }
.quantity__input[type="number"]{ -moz-appearance: textfield; }

/* По-компактно разстояние на реда с количеството */
.product-form__input--quantity{ margin-top: 8px; }

/* === QUANTITY — BRAND PILL / NO INNER BOX (Sense) === */

/* Контейнерът на количеството (PDP, cart drawer и cart page) */
.template-product .product-form__input--quantity .quantity,
.cart-drawer .quantity,
.cart-items .quantity{
  display: inline-flex !important;
  align-items: center !important;
  gap: 0 !important;
  height: 48px !important;
  border-radius: 9999px !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1.5px solid #E5E7EB !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.04) !important;
}

/* Премахни вътрешния „квадрат“ – чисто поле */
.template-product .product-form__input--quantity .quantity__input,
.cart-drawer .quantity__input,
.cart-items .quantity__input,
.quantity input[type="number"]{
  width: 56px !important;
  height: 100% !important;
  text-align: center !important;
  font-weight: 700 !important;
  color: #111 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;         /* Sense често слага тук рамка */
  outline: none !important;
  border-radius: 0 !important;         /* маха заобления „квадрат“ */
  line-height: 1 !important;
}

/* Минус/Плюс – център и в бранд цвят */
.template-product .product-form__input--quantity .quantity__button,
.cart-drawer .quantity__button,
.cart-items .quantity__button{
  width: 44px !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: transparent !important;
  border: 0 !important;
  color: #8B6A35 !important;           /* бранд акцент */
  opacity: 1 !important;
  cursor: pointer !important;
}
.quantity__button:hover{ filter: brightness(0.9); }

/* Премахни стрелките на number input (Chrome/Firefox) */
.quantity__input::-webkit-outer-spin-button,
.quantity__input::-webkit-inner-spin-button{ -webkit-appearance: none; margin: 0; }
.quantity__input[type="number"]{ -moz-appearance: textfield; }

/* Ако темата рисува „квадрата“ чрез псевдо-елементи – изключи ги */
.quantity__input::before,
.quantity__input::after{ content: none !important; display: none !important; }

/* За всеки случай: форсирай контейнера да е видим, дори ако преди сме го крили */
.template-product .product-form__input--quantity{ display: block !important; }

/* === Quantity: perfect centering & symmetry (Sense) === */
quantity-input,
.quantity{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;   /* минус вляво, плюс вдясно, 1 в центъра */
  height: 48px !important;
  border-radius: 9999px !important;
  padding: 0 2px !important;
}

.quantity__button{
  width: 44px !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  font-size: 20px !important;                 /* по-ясни – / + */
  color: #8B6A35 !important;
  border: 0 !important;
  background: transparent !important;
}

.quantity__input{
  width: 56px !important;
  height: 100% !important;
  text-align: center !important;
  font-weight: 700 !important;
  color: #111 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  line-height: 48px !important;               /* вертикално центриране на числото */
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* махни спин бутоните на number */
.quantity__input::-webkit-outer-spin-button,
.quantity__input::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.quantity__input[type="number"]{ -moz-appearance:textfield; }

/* === Quantity: pixel-perfect center (Grid) === */
quantity-input,
.quantity{
  display: grid !important;
  grid-template-columns: 44px 1fr 44px !important; /* минус | число | плюс */
  align-items: center !important;
  justify-items: center !important;
  height: 48px !important;
  border-radius: 9999px !important;
  padding: 0 !important;
  gap: 0 !important;
}

.quantity__button{
  grid-row: 1;
  width: 44px !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: 0 !important;
  color: #8B6A35 !important;
}

/* позициониране на бутоните по атрибут */
.quantity__button[name="minus"]{ grid-column: 1; }
.quantity__button[name="plus"]{  grid-column: 3; }

.quantity__input{
  grid-column: 2;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important; padding: 0 !important;
  border: 0 !important; border-radius: 0 !important;
  text-align: center !important;
  font-weight: 700 !important; color:#111 !important;
  background: transparent !important; box-shadow: none !important;
  line-height: 48px !important;                 /* вертикален център */
  font-variant-numeric: tabular-nums;           /* равни ширини на цифрите */
}

/* махни стрелките на number */
.quantity__input::-webkit-outer-spin-button,
.quantity__input::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.quantity__input[type="number"]{ -moz-appearance:textfield; }

/* по избор: микропреместване на цифрата леко надясно */
.quantity__input{ transform: translateX(1px); }  /* пробвай 1–2px */

/* === Quantity: PERFECT SYMMETRY === */
quantity-input,
.quantity{
  display: grid !important;
  grid-template-columns: 48px 1fr 48px !important;  /* минус | цифра | плюс */
  align-items: center !important;
  justify-items: center !important;
  height: 48px !important;
  border-radius: 9999px !important;
  padding: 0 !important;
}

/* бутони — нормализирани, без вътрешни марджини */
.quantity__button{
  grid-row: 1; width: 48px !important; height: 100% !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  background: transparent !important; border: 0 !important; cursor: pointer !important;
  color: #8B6A35 !important;
}

/* позициониране минус/плюс */
.quantity__button[name="minus"]{ grid-column: 1; }
.quantity__button[name="plus"]{  grid-column: 3; }

/* скрий всички вградени SVG/икони, които разместват центровете */
.quantity__button .icon{ display:none !important; }

/* чертай собствени, идеално центрирани символи */
.quantity__button[name="minus"]::after,
.quant

/* === QUANTITY: bring back icons + fallback symbols === */

/* 1) Показваме вградените иконки на темата (ако съществуват) */
.quantity__button .icon{
  display: inline-block !important;
  width: 18px; height: 18px;
  margin: 0 auto; line-height: 1;
}

/* 2) Грид за перфектен център на трите зони */
quantity-input, .quantity{
  display: grid !important;
  grid-template-columns: 48px 1fr 48px !important; /* минус | число | плюс */
  align-items: center !important;
  justify-items: center !important;
  height: 48px !important;
  border-radius: 9999px !important;
  padding: 0 !important;
}

/* 3) Бутоните – нормализирани */
.quantity__button{
  grid-row: 1;
  width: 48px !important; height: 100% !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  background: transparent !important; border: 0 !important; cursor:pointer !important;
  color:#8B6A35 !important;
}

/* 4) Ако НЯМА иконка вътре, рисуваме своя символ (поддържа всички темплейти) */
.quantity__button:not(:has(.icon))::after{
  content: ""; display:block; font-weight:700; font-size:20px; line-height:1;
}
.quantity__button:first-of-type:not(:has(.icon))::after{ content:"\2212"; } /* минус */
.quantity__button:last-of-type:not(:has(.icon))::after{  content:"+"; }    /* плюс */

/* 5) Самото поле – идеално центрирано число */
.quantity__input{
  grid-column: 2;
  width: 100% !important; height: 100% !important;
  margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important;
  background: transparent !important; box-shadow:none !important; text-align:center !important;
  font-weight:700 !important; color:#111 !important; line-height:48px !important;
  font-variant-numeric: tabular-nums;
}

/* без спинери */
.quantity__input::-webkit-outer-spin-button,
.quantity__input::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.quantity__input[type="number"]{ -moz-appearance:textfield; }

/* === QUANTITY: always-visible minus / plus (pixel perfect) === */

/* Лейаут: три равни зони */
quantity-input,
.quantity{
  display: grid !important;
  grid-template-columns: 48px 1fr 48px !important; /* минус | число | плюс */
  align-items: center !important;
  justify-items: center !important;
  height: 48px !important;
  border-radius: 9999px !important;
  padding: 0 !important;
}

/* Нормализирай бутоните и скрий всякакви вградени SVG, които пречат */
.quantity__button{
  position: relative !important;
  grid-row: 1;
  width: 48px !important; height: 48px !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  background: transparent !important; border: 0 !important; cursor: pointer !important;
}
.quantity__button .icon, .quantity__button svg { display:none !important; }

/* Рисуваме символите с псевдо-елементи (работи във всички браузъри) */
.quantity__button::after{
  content: "" !important;
  display: block !important;
  width: 14px !important; height: 2px !important;
  background: #8B6A35 !important;   /* бранд акцент */
  border-radius: 2px !important;
}
.quantity__button:last-of-type::before{
  content: "" !important;
  position: absolute !important;
  width: 2px !important; height: 14px !important;
  background: #8B6A35 !important;
  border-radius: 2px !important;
}

/* Позициониране: първият е минус, последният е плюс */
.quantity__button:first-of-type{ grid-column: 1; }
.quantity__button:last-of-type{  grid-column: 3; }

/* Центрирано число */
.quantity__input{
  grid-column: 2;
  width: 100% !important; height: 100% !important;
  margin: 0 !important; padding: 0 !important; border: 0 !important;
  text-align: center !important; font-weight: 700 !important; color: #111 !important;
  line-height: 48px !important; background: transparent !important; box-shadow:none !important;
  font-variant-numeric: tabular-nums;
}

/* Без спинери на number */
.quantity__input::-webkit-outer-spin-button,
.quantity__input::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.quantity__input[type="number"]{ -moz-appearance:textfield; }

/* === Quantity: perfectly centered minus/plus (final) === */
:root{
  --qty-icon-w: 16px;   /* дължина на хор. черта */
  --qty-icon-h: 16px;   /* дължина на верт. черта */
  --qty-stroke: 2px;    /* дебелина на линиите */
  --qty-color: #8B6A35; /* бранд цвят */
}

quantity-input,
.quantity{
  display: grid !important;
  grid-template-columns: 48px 1fr 48px !important; /* − | число | + */
  align-items: center !important;
  justify-items: center !important;
  height: 48px !important;
  border-radius: 9999px !important;
  padding: 0 !important;
}

/* бутоните да са относителни контейнери за псевдо-елементите */
.quantity__button{
  position: relative !important;
  width: 48px !important; height: 48px !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  background: transparent !important; border: 0 !important; cursor: pointer !important;
}

/* скрий всякакви вградени SVG/икони, които разместват центъра */
.quantity__button .icon, .quantity__button svg{ display:none !important; }

/* обща база за линиите – винаги абсолютен център */
.quantity__button::before,
.quantity__button::after{
  content: "" !important;
  position: absolute !important;
  left: 50% !important; top: 50% !important;
  transform: translate(-50%, -50%) !important;
  background: var(--qty-color) !important;
  border-radius: 2px !important;
  display: block !important;
}

/* Минус: само хоризонтална линия (център) */
.quantity__button:first-of-type::before{ display:none !important; }
.quantity__button:first-of-type::after{
  width: var(--qty-icon-w) !important; height: var(--qty-stroke) !important;
}

/* Плюс: хоризонтална + вертикална, и двете центрирани */
.quantity__button:last-of-type::after{
  width: var(--qty-icon-w) !important; height: var(--qty-stroke) !important; /* хоризонтална */
}
.quantity__button:last-of-type::before{
  width: var(--qty-stroke) !important; height: var(--qty-icon-h) !important; /* вертикална */
}

/* Центрирана цифра */
.quantity__input{
  grid-column: 2;
  width: 100% !important; height: 100% !important;
  margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important;
  background: transparent !important; box-shadow: none !important;
  text-align: center !important; font-weight: 700 !important; color: #111 !important;
  line-height: 48px !important; font-variant-numeric: tabular-nums;
}

/* махни спинерите */
.quantity__input::-webkit-outer-spin-button,
.quantity__input::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.quantity__input[type="number"]{ -moz-appearance:textfield; }

/* === Quantity: perfect symmetry with side padding === */
:root{
  --qty-h: 48px;       /* височина */
  --qty-pad: 8px;      /* вътрешен отстъп ляво/дясно */
  --qty-col: 40px;     /* ширина на зоните за − и + (без падинга) */
  --qty-stroke: 2px;   /* дебелина на линиите */
  --qty-color: #8B6A35;
}

/* Контейнер */
quantity-input,
.quantity{
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: var(--qty-col) 1fr var(--qty-col) !important; /* − | число | + */
  align-items: center !important;
  justify-items: center !important;
  height: var(--qty-h) !important;
  padding: 0 var(--qty-pad) !important;    /* РАВЕН отстъп от двете страни */
  border-radius: 9999px !important;
  gap: 0 !important;
}

/* Бутоните */
.quantity__button{
  position: relative !important;
  width: var(--qty-col) !important;
  height: var(--qty-h) !important;
  margin: 0 !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  background: transparent !important; border: 0 !important; cursor: pointer !important;
  color: var(--qty-color) !important;
}

/* скрий SVG-овете на темата, за да не местят центъра */
.quantity__button .icon, .quantity__button svg{ display:none !important; }

/* Рисуваме символите абсолютно в център */
.quantity__button::before,
.quantity__button::after{
  content:""; position:absolute; left:50%; top:50%;
  transform: translate(-50%, -50%);
  background: var(--qty-color); border-radius: 2px; display:block;
}
/* Минус = само хор. черта */
.quantity__button:first-of-type::before{ display:none; }
.quantity__button:first-of-type::after{
  width: 16px; height: var(--qty-stroke);
}
/* Плюс = хор. + верт. черта */
.quantity__button:last-of-type::after{
  width: 16px; height: var(--qty-stroke);
}
.quantity__button:last-of-type::before{
  width: var(--qty-stroke); height: 16px;
}

/* Числото – идеален център */
.quantity__input{
  grid-column: 2;
  width: 100% !important; height: var(--qty-h) !important;
  margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important;
  text-align: center !important; font-weight: 700 !important; color: #111 !important;
  line-height: var(--qty-h) !important; background: transparent !important; box-shadow:none !important;
  font-variant-numeric: tabular-nums;
}

/* без спинери */
.quantity__input::-webkit-outer-spin-button,
.quantity__input::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.quantity__input[type="number"]{ -moz-appearance:textfield; }

/* === Quantity: pixel-perfect centering (final) === */
:root{
  --qty-h: 48px;            /* височина */
  --qty-side: 44px;         /* ширина на зоните за − и + */
  --qty-stroke: 2px;        /* дебелина на линиите */
  --qty-color: #8B6A35;     /* бранд цвят */

  /* Оптична компенсация (ако на око леко „криви“) */
  --qty-optical-plus: -1px;   /* мърдане на + към центъра (−1…−2px) */
  --qty-optical-minus: 0px;   /* мърдане на − към центъра (0…+1px) */
  --qty-optical-num: 0.5px;   /* мърдане на цифрата (0…1px) */
}

/* Контейнер: три равни колони */
quantity-input,
.quantity{
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: var(--qty-side) 1fr var(--qty-side) !important; /* − | номер | + */
  align-items: center !important;
  justify-items: center !important;
  height: var(--qty-h) !important;
  padding: 0 8px !important;    /* еднакъв вътрешен отстъп отляво/дясно */
  border-radius: 9999px !important;
  gap: 0 !important;
}

/* Бутоните – нормализирани контейнери за нашите линии */
.quantity__button{
  position: relative !important;
  width: var(--qty-side) !important;
  height: var(--qty-h) !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  background: transparent !important; border: 0 !important; cursor: pointer !important;
}
.quantity__button .icon, .quantity__button svg{ display:none !important; }

/* Минус = една хоризонтална линия, абсолютно центрирана */
.quantity__button[name="minus"]::after,
.quantity__button:first-of-type::after{
  content:""; position:absolute; left:50%; top:50%;
  transform: translate(calc(-50% + var(--qty-optical-minus)), -50%);
  width:16px; height: var(--qty-stroke); background: var(--qty-color); border-radius:2px;
}

/* Плюс = хоризонтална + вертикална линия, абсолютно центрирани */
.quantity__button[name="plus"]::after,
.quantity__button:last-of-type::after{
  content:""; position:absolute; left:50%; top:50%;
  transform: translate(calc(-50% + var(--qty-optical-plus)), -50%);
  width:16px; height: var(--qty-stroke); background: var(--qty-color); border-radius:2px;
}
.quantity__button[name="plus"]::before,
.quantity__button:last-of-type::before{
  content:""; position:absolute; left:50%; top:50%;
  transform: translate(calc(-50% + var(--qty-optical-plus)), -50%);
  width: var(--qty-stroke); height:16px; background: var(--qty-color); border-radius:2px;
}

/* Числото – идеален център + таблични цифри */
.quantity__input{
  grid-column: 2;
  width:100% !important; height: var(--qty-h) !important;
  margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important;
  background: transparent !important; box-shadow:none !important;
  text-align:center !important; font-weight:700 !important; color:#111 !important;
  line-height: var(--qty-h) !important; font-variant-numeric: tabular-nums;
  transform: translateX(var(--qty-optical-num));
}

/* Без спинери на number */
.quantity__input::-webkit-outer-spin-button,
.quantity__input::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.quantity__input[type="number"]{ -moz-appearance:textfield; }

/* === Quantity: left-aligned control + perfect inner centering === */

/* 1) Ляво подравняване на реда с количеството (само на PDP) */
.template-product .product-form__input--quantity{
  display: flex !important;
  justify-content: flex-start !important;   /* наляво */
  align-items: center !important;
}

/* 2) Фиксирана ширина на самия степър, за да не се „разтяга“ до дясно */
:root{ --qty-width: 150px; } /* пробвай 150–170px според вкуса */
.template-product .product-form__input--quantity .quantity{
  width: var(--qty-width) !important;
}

/* 3) Вътрешен layout (минус | число | плюс) — остава идеално центриран */
quantity-input, .quantity{
  display: grid !important;
  grid-template-columns: 48px 1fr 48px !important; /* − | число | + */
  align-items: center !important;
  justify-items: center !important;
  height: 48px !important;
  border-radius: 9999px !important;
  padding: 0 !important;
}

/* 4) Минус/плюс нарисувани и центрирани абсолютно (независимо от темата) */
.quantity__button{ position: relative !important; width:48px !important; height:48px !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  background:transparent !important; border:0 !important; cursor:pointer !important; }
.quantity__button .icon, .quantity__button svg{ display:none !important; }

:root{ --qty-stroke:2px; --qty-color:#8B6A35; }
.quantity__button::before, .quantity__button::after{
  content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  background:var(--qty-color); border-radius:2px; display:block; }
.quantity__button:first-of-type::after{ width:16px; height:var(--qty-stroke); }       /* − */
.quantity__button:last-of-type::after{  width:16px; height:var(--qty-stroke); }       /* + (хор.) */
.quantity__button:last-of-type::before{ width:var(--qty-stroke); height:16px; }       /* + (верт.) */

/* 5) Числото — център */
.quantity__input{
  grid-column:2; width:100% !important; height:48px !important;
  margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important;
  text-align:center !important; font-weight:700 !important; color:#111 !important;
  line-height:48px !important; background:transparent !important; box-shadow:none !important;
  font-variant-numeric: tabular-nums;
}
/* ==== QUANTITY — TIGHT & PERFECTLY CENTERED (Shopify Sense) ==== */
:root{
  --qty-h: 44px;         /* височина на степъра */
  --qty-side: 42px;      /* ширина на зоните за − и + */
  --qty-border: #E5E7EB; /* бордер цвят */
  --qty-color: #8B6A35;  /* бранд цвят за иконите */
}

/* Контейнер (PDP, cart drawer, cart page) */
quantity-input,
.quantity{
  box-sizing: border-box;
  display: grid !important;
  grid-template-columns: var(--qty-side) 1fr var(--qty-side) !important; /* − | число | + */
  align-items: center !important;
  justify-items: center !important;
  height: var(--qty-h) !important;
  border-radius: 9999px !important;
  border: 1.5px solid var(--qty-border) !important;
  background: #fff !important;
  padding: 0 !important;
  gap: 0 !important;
  overflow: hidden !important;
}

/* Бутоните: еднакъв размер, абсолютно центриране на съдържанието */
.quantity__button{
  width: var(--qty-side) !important;
  height: var(--qty-h) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: 0 !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin: 0 !important;
}
.quantity__button[name="minus"]{ grid-column: 1; }
.quantity__button[name="plus"]{  grid-column: 3; }
/* fallback ако темата няма name="" */
.quantity__button:first-of-type{ grid-column: 1; }
.quantity__button:last-of-type{  grid-column: 3; }

/* Използвай вградените SVG, но ги нормализирай да не „местят“ центъра */
.quantity__button .icon, .quantity__button svg{
  width: 18px !important; height: 18px !important;
  display: block !important; margin: 0 !important;
  stroke: var(--qty-color) !important; fill: var(--qty-color) !important;
}

/* Числото: реален център и еднаква оптика на цифрите */
.quantity__input{
  grid-column: 2;
  width: 100% !important; height: var(--qty-h) !important;
  margin: 0 !important; padding: 0 !important;
  border: 0 !important; border-radius: 0 !important;
  background: transparent !important; box-shadow: none !important;
  text-align: center !important; font-weight: 700 !important; color: #111 !important;
  line-height: var(--qty-h) !important;
  font-variant-numeric: tabular-nums;
  -moz-appearance: textfield;
}
.quantity__input::-webkit-outer-spin-button,
.quantity__input::-webkit-inner-spin-button{ -webkit-appearance: none; margin: 0; }

/* === Quantity: nudge up on PDP === */
:root{
  --qty-nudge-up: -6px;   /* колко да го вдигнем (−4 до −10px) */
  --qty-label-gap: 4px;   /* разстояние между етикета и степъра */
}

/* повдига целия ред с количеството на продуктовата страница */
.template-product .product-form__input--quantity{
  margin-top: var(--qty-nudge-up) !important;
}

/* стяга разстоянието под етикета "Количество" */
.template-product .product-form__input--quantity label,
.template-product .product-form__input--quantity .form__label{
  margin-bottom: var(--qty-label-gap) !important;
}

/* по желание: микро-повдигане само на самия „пил“ (ако не искаш да местиш етикета) */
/*
.template-product .product-form__input--quantity .quantity{
  transform: translateY(-4px);
}
*/
/* === Raise the quantity block (PDP, bulletproof) === */

/* 1) Стегни разстоянията между редовете във формата */
.template-product .product-form__input{ margin-top: 10px !important; }

/* 2) Намали/анулирай отстоянието над „Количество“ */
.template-product .product-form__input--quantity,
.template-product .product-form__quantity{
  margin-top: 0 !important;        /* ако темата слага голям top-margin */
}

/* 3) Вдигни самия „пил“ независимо от родителските марджини */
.template-product .product-form__input--quantity .quantity,
.template-product .product-form__quantity .quantity,
.template-product .product-form__input--quantity quantity-input,
.template-product .product-form__quantity     quantity-input{
  transform: translateY(-8px) !important;  /* ↑ качи/свали: -6…-12px */
}

/* 4) Стегни разстоянието между етикета „Количество“ и степъра */
.template-product .product-form__input--quantity .form__label,
.template-product .product-form__quantity .form__label,
.template-product .product-form__input--quantity label,
.template-product .product-form__quantity label{
  margin-bottom: 4px !important;   /* по-малък геп под етикета */
}

/* 5) (по желание) компресира и предходния ред, ако браузърът поддържа :has() */
@supports(selector(:has(+ *))){
  .template-product .product-form__input:has(+ .product-form__input--quantity){
    margin-bottom: 0 !important;
  }
}
/* ==== PDP QUANTITY — TIGHT & CENTERED (Shopify Sense) ==== */
:root{
  --qty-h: 40px;         /* височина на контрола (стегнат) */
  --qty-side: 36px;      /* ширина на зоните за − и + */
  --qty-w: 150px;        /* обща ширина на контрола */
  --qty-stroke: 2px;     /* дебелина на линиите */
  --qty-color: #8B6A35;  /* бранд цвят */
  --qty-border: #E5E7EB; /* цвят на бордера */
}

/* Контейнер (само на продуктова страница) */
.template-product .product-form__input--quantity .quantity,
.template-product .product-form__input--quantity quantity-input{
  width: var(--qty-w) !important;
  height: var(--qty-h) !important;
  box-sizing: border-box;
  display: grid !important;
  grid-template-columns: var(--qty-side) 1fr var(--qty-side) !important; /* − | число | + */
  align-items: center !important;
  justify-items: center !important;
  padding: 0 !important; gap: 0 !important;
  border: 1.5px solid var(--qty-border) !important;
  border-radius: 9999px !important;
  background: #fff !important;
  overflow: hidden !important;
  transform: none !important;         /* нулира стари преводи */
}

/* Бутоните − / + (равни зони, идеален център) */
.template-product .product-form__input--quantity .quantity__button{
  position: relative !important;
  width: var(--qty-side) !important; height: var(--qty-h) !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  background: transparent !important; border: 0 !important; padding: 0 !important; margin: 0 !important;
  cursor: pointer !important;
}
.template-product .product-form__input--quantity .quantity__button .icon,
.template-product .product-form__input--quantity .quantity__button svg{ display:none !important; }

/* минус (ляв бутон) */
.template-product .product-form__input--quantity .quantity > .quantity__button:first-of-type::after{
  content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:16px; height: var(--qty-stroke); background: var(--qty-color); border-radius:2px;
}
/* плюс (десен бутон) */
.template-product .product-form__input--quantity .quantity > .quantity__button:last-of-type::after{
  content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:16px; height: var(--qty-stroke); background: var(--qty-color); border-radius:2px;
}
.template-product .product-form__input--quantity .quantity > .quantity__button:last-of-type::before{
  content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width: var(--qty-stroke); height:16px; background: var(--qty-color); border-radius:2px;
}

/* Числото – абсолютно център, таблични цифри */
.template-product .product-form__input--quantity .quantity__input{
  grid-column: 2;
  width: 100% !important; height: var(--qty-h) !important;
  margin: 0 !important; padding: 0 !important;
  border: 0 !important; border-radius: 0 !important;
  background: transparent !important; box-shadow: none !important;
  text-align: center !important; font-weight: 700 !important; color: #111 !important;
  line-height: var(--qty-h) !important; font-variant-numeric: tabular-nums;
  transform: none !important;
}
/* без спинери */
.quantity__input::-webkit-outer-spin-button,
.quantity__input::-webkit-inner-spin-button{ -webkit-appearance: none; margin: 0; }
.quantity__input[type="number"]{ -moz-appearance: textfield; }

/* (по избор) леко повдигане нагоре на самия „пил“ */
.template-product .product-form__input--quantity .quantity{ margin-top: -6px !important; }

/* === QUANTITY PATCH — closer icons + lift up (Sense) === */

/* 1) Контролът да е стегнат и без фиксирана ширина */
.template-product .product-form__input--quantity .quantity{
  width: auto !important;                 /* връща естествена ширина */
  min-width: 130px !important;
  height: 40px !important;                /* по-стегнато */
  display: grid !important;
  grid-template-columns: 32px 1fr 32px !important; /* − | число | + (по-близо до центъра) */
  align-items: center !important;
  justify-items: center !important;
  border-radius: 9999px !important;
  border: 1.5px solid #E5E7EB !important;
  background:#fff !important;
  padding: 0 !important; gap: 0 !important;
  transform: none !important;
  margin-top: -10px !important;           /* ВДИГАМЕ го нагоре */
}

/* 2) Бутоните – равни и компактни */
.template-product .product-form__input--quantity .quantity__button{
  position: relative !important;
  width: 32px !important; height: 40px !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  background: transparent !important; border:0 !important; padding:0 !important; margin:0 !important;
  cursor:pointer !important;
}
.template-product .product-form__input--quantity .quantity__button .icon,
.template-product .product-form__input--quantity .quantity__button svg{ display:none !important; }

/* − (ляв) */
.template-product .product-form__input--quantity .quantity > .quantity__button:first-of-type::after{
  content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:12px; height:2px; background:#8B6A35; border-radius:2px;
}
/* + (десен) */
.template-product .product-form__input--quantity .quantity > .quantity__button:last-of-type::after{
  content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:12px; height:2px; background:#8B6A35; border-radius:2px;
}
.template-product .product-form__input--quantity .quantity > .quantity__button:last-of-type::before{
  content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:2px; height:12px; background:#8B6A35; border-radius:2px;
}

/* 3) Числото – идеален център */
.template-product .product-form__input--quantity .quantity__input{
  grid-column: 2;
  width:100% !important; height:40px !important;
  margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important;
  background:transparent !important; box-shadow:none !important;
  text-align:center !important; font-weight:700 !important; color:#111 !important;
  line-height:40px !important; font-variant-numeric: tabular-nums;
}

/* скрий спинерите */
.quantity__input::-webkit-outer-spin-button,
.quantity__input::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.quantity__input[type="number"]{ -moz-appearance:textfield; }

/* === QUANTITY — tight, centered & lifted (Shopify Sense) === */
:root{
  --qty-h: 40px;          /* височина (стегнато) */
  --qty-side: 32px;       /* ширина на зоните за − и + */
  --qty-stroke: 2px;      /* дебелина на линиите */
  --qty-color: #8B6A35;   /* бранд цвят */
  --qty-border: #E5E7EB;  /* бордер цвят */

  --qty-y: -1px;          /* повдигане на СЪДЪРЖАНИЕТО вътре (-1…-2px) */
  --qty-lift: -10px;      /* повдигане на ЦЕЛИЯ контрол спрямо етикета (нагоре) */
}

/* Вдигаме блока "Количество" нагоре и стягаме разстоянието под етикета */
.template-product .product-form__input--quantity{ margin-top: var(--qty-lift) !important; }
.template-product .product-form__input--quantity .form__label,
.template-product .product-form__input--quantity label{ margin-bottom: 4px !important; }

/* Контролът: три равни колони (− | число | +), идеално центрирани */
.template-product .product-form__input--quantity .quantity,
.template-product .product-form__input--quantity quantity-input{
  height: var(--qty-h) !important;
  display: grid !important;
  grid-template-columns: var(--qty-side) 1fr var(--qty-side) !important;
  align-items: center !important; justify-items: center !important;
  border: 1.5px solid var(--qty-border) !important;
  border-radius: 9999px !important;
  background: #fff !important;
  padding: 0 !important; gap: 0 !important; overflow: hidden !important;
}

/* Бутоните − / + — компактни, абсолютно центрирани символи */
.template-product .product-form__input--quantity .quantity__button{
  position: relative !important;
  width: var(--qty-side) !important; height: var(--qty-h) !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  background: transparent !important; border:0 !important; padding:0 !important; margin:0 !important;
  cursor:pointer !important;
}
.template-product .product-form__input--quantity .quantity__button .icon,
.template-product .product-form__input--quantity .quantity__button svg{ display:none !important; }

/* Минус */
.template-product .product-form__input--quantity .quantity > .quantity__button:first-of-type::after{
  content:""; position:absolute; left:50%; top:50%;
  transform: translate(-50%, calc(-50% + var(--qty-y)));
  width:14px; height:var(--qty-stroke); background:var(--qty-color); border-radius:2px;
}
/* Плюс */
.template-product .product-form__input--quantity .quantity > .quantity__button:last-of-type::after{
  content:""; position:absolute; left:50%; top:50%;
  transform: translate(-50%, calc(-50% + var(--qty-y)));
  width:14px; height:var(--qty-stroke); background:var(--qty-color); border-radius:2px;
}
.template-product .product-form__input--quantity .quantity > .quantity__button:last-of-type::before{
  content:""; position:absolute; left:50%; top:50%;
  transform: translate(-50%, calc(-50% + var(--qty-y)));
  width:var(--qty-stroke); height:14px; background:var(--qty-color); border-radius:2px;
}

/* Числото — идеален център (с леко повдигане) */
.template-product .product-form__input--quantity .quantity__input{
  grid-column: 2;
  width:100% !important; height:var(--qty-h) !important;
  margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important;
  background:transparent !important; box-shadow:none !important;
  text-align:center !important; font-weight:700 !important; color:#111 !important;
  line-height:var(--qty-h) !important; font-variant-numeric: tabular-nums;
  transform: translateY(var(--qty-y));  /* повдигане вътре */
}

/* Без спинери */
.quantity__input::-webkit-outer-spin-button,
.quantity__input::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.quantity__input[type="number"]{ -moz-appearance:textfield; }
/* === Quantity: center + slight upward nudge === */
.quantity {
  align-items: center;              /* гарантира вертикално центриране */
}

.quantity__button {
  display: flex;                    /* центрира иконата вътре в бутона */
  align-items: center;
  justify-content: center;
  line-height: 1;                   /* премахва вертикално “люлеене” */
}

/* Леко повдигане на иконите (+ и –) за перфектна оптика */
.quantity__button svg,
.quantity__button .icon {
  position: relative;
  top: -1px;                        /* ако искаш още – пробвай -2px */
}

/* По-равни височини на целия контрол (по желание) */
.quantity__input,
.quantity__button {
  height: 44px;                     /* или 40px според дизайна ти */
}
.quantity__input {
  line-height: 44px;                /* центрира цифрата */
}

/* Ако линията/плюсът изглеждат „тънки“, можеш да подсилиш stroke-а: */
.quantity__button svg [stroke] { stroke-width: 1.6; }

/* === Quantity: фиксиране на двойни икони и центриране === */

/* 1) Скрий псевдо-икони, ако темата добавя такива */
.quantity__button::before,
.quantity__button::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* 2) Скрий текстовия символ (+ / -), остави само SVG */
.quantity__button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0;            /* скрива текстовия глиф, но не SVG */
  line-height: 1;          /* стабилна вертикална подредба */
}

/* 3) Центриране и лека вертикална корекция на SVG */
.quantity__button svg,
.quantity__button .icon {
  width: 16px;
  height: 16px;
  display: block;
  position: relative;
  top: -1px;               /* ако още „пада“, пробвай -2px */
}

/* 4) Еднаква височина на контрола + центрирана цифра */
.quantity__input,
.quantity__button {
  height: 44px;            /* нагласи 40–44 според дизайна */
}
.quantity__input {
  line-height: 44px;       /* центрира цифрата 1,2,3… */
  text-align: center;
}

/* 5) По-четима линия на иконите (ако са stroke-базирани) */
.quantity__button svg [stroke] { stroke-width: 1.6; }

/* 6) (по желание) малко повече „air“ в капсулата */
.quantity {
  align-items: center;
}

/* === Quantity: bring +/- closer to the number === */
.quantity {
  /* ако темата ползва gap/column-gap – намаляваме го */
  column-gap: 8px;
  gap: 8px;
  padding-inline: 8px; /* леко по-тясна „капсула“ */
}

.quantity__button {
  width: 34px;           /* по-тесни бутони, за да са по-близо до цифрата */
  padding-inline: 0;     /* няма вътрешен хор. падинг */
  display: flex;
  align-items: center;
  justify-content: center;
}

.quantity__input {
  margin: 0;             /* маха странични марджини, ако има */
  padding: 0;            /* чист център */
  width: 2.4ch;          /* стегната ширина около цифрата */
  text-align: center;
  line-height: 44px;     /* да остане вертикално центрирано (ако височината е 44px) */
}

/* по-компактно на мобилни */
@media (max-width: 749px) {
  .quantity { column-gap: 6px; gap: 6px; padding-inline: 6px; }
  .quantity__button { width: 32px; }
  .quantity__input { width: 2.2ch; }
}
/* === Variant pills: compact & centered === */

/* Контейнерът на вариантите – равномерен gap и центриране */
.product-form__input .variant-radios,
.product-form__input .product-form__input--pill,
.product-form__input .swatch {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;                /* разстояние между правоъгълниците */
  align-items: center;
}

/* Самите правоъгълници (етикетите към radio input) */
.product-form__input input[type="radio"] + label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;             /* по-ниски */
  padding: 0 14px;          /* по-тесни */
  min-width: 64px;          /* по желание – махни, ако искаш auto */
  font-size: 14px;          /* малко по-компактно */
  font-weight: 600;
  line-height: 1;           /* чиста вертикална центровка */
  border-radius: 12px;      /* мек овал */
  box-shadow: 0 6px 20px rgba(0,0,0,.05); /* фин релеф */
  text-align: center;
}

/* Активен (checked) – запази стил, но без да „набъбва“ */
.product-form__input input[type="radio"]:checked + label {
  transform: none;
}

/* По-стегнато на мобилни */
@media (max-width: 749px) {
  .product-form__input .variant-radios,
  .product-form__input .product-form__input--pill,
  .product-form__input .swatch { gap: 8px; }

  .product-form__input input[type="radio"] + label {
    height: 34px;
    padding: 0 12px;
    min-width: 58px;
    font-size: 13.5px;
  }
}
/* === Variant size pills: smaller capsules === */

/* 1) Компактен layout и по-малък gap */
.product-form .product-form__input .variant-radios,
.product-form .product-form__input .swatch,
.product-form .product-form__input.product-form__input--pill {
  display: flex;
  flex-wrap: wrap;
  gap: 8px !important;
  align-items: center;
}

/* 2) Малки „облачета“ (етикети към радио бутоните) */
.product-form .product-form__input input[type="radio"] + label,
.product-form .product-form__input .swatch__label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  height: 32px !important;          /* ↓ височина */
  padding: 0 10px !important;        /* ↓ ширина */
  min-width: auto !important;        /* маха големите min-width от темата */
  border-radius: 10px !important;    /* по-малък овал */
  line-height: 1 !important;

  font-size: 13px;                   /* леко по-компактно */
  font-weight: 600;

  /* по-фина сянка (или я махни, ако не искаш релеф) */
  box-shadow: 0 6px 16px rgba(0,0,0,.04) !important;
}

/* 3) Състояние checked – без да „набъбва“ */
.product-form .product-form__input input[type="radio"]:checked + label {
  transform: none !important;
}

/* 4) Още по-компактно на мобилни */
@media (max-width: 749px) {
  .product-form .product-form__input input[type="radio"] + label,
  .product-form .product-form__input .swatch__label {
    height: 30px !important;
    padding: 0 9px !important;
    border-radius: 9px !important;
    font-size: 12.5px;
  }
  .product-form .product-form__input .variant-radios,
  .product-form .product-form__input .swatch,
  .product-form .product-form__input.product-form__input--pill {
    gap: 7px !important;
  }
}
/* === Smaller variant pills (size options) === */

/* По-малък общ gap и центриране */
.product-form fieldset.product-form__input.product-form__input--pill {
  display: flex;
  flex-wrap: wrap;
  gap: 8px !important;
  align-items: center;
}

/* Свиваме самите етикети към radio input-ите */
.product-form fieldset.product-form__input.product-form__input--pill input[type="radio"] + label,
.product-form .variant-radios input[type="radio"] + label,
.product-form .swatch input[type="radio"] + label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* ключовите редове ↓ */
  min-height: 30px !important;
  height: 30px !important;
  padding: 0 10px !important;
  min-width: unset !important;

  border-radius: 10px !important;
  line-height: 1 !important;

  /* не пипаме размера на шрифта, само капсулата */
  box-shadow: 0 6px 16px rgba(0,0,0,.04) !important; /* или махни ако не искаш сянка */
}

/* Без „набъбване“ на активния */
.product-form fieldset.product-form__input.product-form__input--pill input[type="radio"]:checked + label {
  transform: none !important;
}

/* Още по-компактно на мобилни */
@media (max-width: 749px) {
  .product-form fieldset.product-form__input.product-form__input--pill { gap: 6px !important; }
  .product-form fieldset.product-form__input.product-form__input--pill input[type="radio"] + label,
  .product-form .variant-radios input[type="radio"] + label,
  .product-form .swatch input[type="radio"] + label {
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 8px !important;
    border-radius: 8px !important;
  }
}
/* === SMALLER VARIANT PILLS (Размер) === */

/* По-малък gap в реда */
.product-form fieldset.product-form__input.product-form__input--pill {
  display: flex;
  flex-wrap: wrap;
  gap: 8px !important;
  align-items: center;
}

/* Свиваме самите капсули (независимо дали са label или .button) */
.product-form fieldset.product-form__input.product-form__input--pill input[type="radio"] + label,
.product-form fieldset.product-form__input.product-form__input--pill input[type="radio"] + label.button,
.product-form fieldset.product-form__input.product-form__input--pill .button,
.product-form fieldset.product-form__input.product-form__input--pill .swatch__label,
.product-form fieldset.product-form__input.product-form__input--pill label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  height: 30px !important;          /* ↓ височина */
  min-height: 30px !important;
  padding: 0 10px !important;        /* ↓ ширина */
  min-width: unset !important;

  border-radius: 10px !important;    /* по-малък овал */
  line-height: 1 !important;

  box-shadow: 0 6px 16px rgba(0,0,0,.04) !important; /* по-фин релеф; може да махнеш */
}

/* Забраняваме „набъбване“ на активния */
.product-form fieldset.product-form__input.product-form__input--pill input[type="radio"]:checked + label,
.product-form fieldset.product-form__input.product-form__input--pill .button[aria-pressed="true"] {
  transform: none !important;
}

/* Още по-компактно на мобилни */
@media (max-width: 749px) {
  .product-form fieldset.product-form__input.product-form__input--pill { gap: 6px !important; }
  .product-form fieldset.product-form__input.product-form__input--pill input[type="radio"] + label,
  .product-form fieldset.product-form__input.product-form__input--pill input[type="radio"] + label.button,
  .product-form fieldset.product-form__input.product-form__input--pill .button,
  .product-form fieldset.product-form__input.product-form__input--pill .swatch__label,
  .product-form fieldset.product-form__input.product-form__input--pill label {
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 8px !important;
    border-radius: 8px !important;
  }
}
/* === FORCE smaller variant pills (Размер) === */

/* по-компактен ред/разстояния */
.product-form fieldset.product-form__input.product-form__input--pill {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px !important;
}

/* свиваме всичко, което може да играе ролята на „облаче“ */
.product-form .product-form__input--pill label,
.product-form .product-form__input--pill label.button,
.product-form .product-form__input--pill .button,
.product-form .product-form__input--pill .swatch__label,
.product-form .product-form__input--pill [role="button"],
.product-form .product-form__input--pill [class*="pill"],
.product-form .variant-radios label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  height: 30px !important;          /* ↓ височина */
  min-height: 30px !important;       /* отменя височини от темата */
  padding: 0 10px !important;        /* ↓ ширина */
  min-width: unset !important;       /* маха широк min-width */
  border-radius: 10px !important;    /* по-малък овал */

  line-height: 1 !important;
  /* не пипаме шрифта; ако искаш – кажи размер */
}

/* ако темата е сложила вътрешни падинги/гридове в label */
.product-form .product-form__input--pill label > * {
  margin: 0 !important;
  padding: 0 !important;
}

/* активен/hover да не „набъбва“ */
.product-form .product-form__input--pill input[type="radio"]:checked + label,
.product-form .product-form__input--pill label:active,
.product-form .product-form__input--pill .button:active {
  transform: none !important;
}

/* мобилно – още по-стегнато */
@media (max-width: 749px) {
  .product-form fieldset.product-form__input.product-form__input--pill { gap: 6px !important; }
  .product-form .product-form__input--pill label,
  .product-form .product-form__input--pill .button,
  .product-form .product-form__input--pill .swatch__label {
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 8px !important;
    border-radius: 8px !important;
  }
}
/* Custom CSS to make product variant buttons smaller */
.product-form__input .product-form__variants .product-form__item {
    padding: 5px 10px; /* Adjust padding to make the button smaller */
    border-radius: 5px; /* Optional: Slightly reduce corner rounding */
    margin: 5px; /* Adjust spacing between buttons */
}

.product-form__input .product-form__variants .product-form__item label {
    font-size: 14px; /* Optional: Adjust font size to fit the smaller button */
}
/* === SMALLER & CENTERED VARIANT PILLS (работи дори при упорити стилове) === */

/* Центриран ред и по-малък gap */
.product-form [class*="product-form__input--pill"] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;   /* център на реда */
  align-items: center;
  gap: 8px !important;
}

/* Свиваме самите „облачета“ (махаме наследените .button правила) */
.product-form [class*="product-form__input--pill"] input[type="radio"] + label,
.product-form [class*="product-form__input--pill"] label.button,
.product-form [class*="product-form__input--pill"] .button {
  all: unset !important;             /* занулява темплейтните бутони */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  height: 28px !important;           /* ↓ височина */
  min-height: 28px !important;
  padding: 0 10px !important;        /* ↓ ширина */
  border-radius: 8px !important;     /* по-малък овал */
  box-shadow: 0 8px 20px rgba(0,0,0,.05) !important;
  border: 1px solid rgba(0,0,0,.06) !important;
  background: #fff !important;
  cursor: pointer !important;

  font-weight: 600 !important;       /* запазваме четливостта */
  font-size: 14px !important;
  line-height: 1 !important;
  color: inherit !important;
  text-align: center !important;
}

/* Активно/неактивно състояние */
.product-form [class*="product-form__input--pill"] input[type="radio"]:checked + label {
  box-shadow: 0 8px 20px rgba(0,0,0,.08) !important;
  border-color: rgba(0,0,0,.12) !important;
}
.product-form [class*="product-form__input--pill"] input[type="radio"][disabled] + label {
  opacity: .45 !important;
  pointer-events: none !important;
}

/* Още по-компактно на мобилни */
@media (max-width: 749px) {
  .product-form [class*="product-form__input--pill"] { gap: 6px !important; }
  .product-form [class*="product-form__input--pill"] input[type="radio"] + label,
  .product-form [class*="product-form__input--pill"] label.button,
  .product-form [class*="product-form__input--pill"] .button {
    height: 26px !important;
    min-height: 26px !important;
    padding: 0 8px !important;
    border-radius: 7px !important;
    font-size: 13.5px !important;
  }
}
/* Custom CSS - Stronger code for variant buttons */
.product-form__input .product-form__variants .product-form__item {
    padding: 5px 10px !important; /* Намалява вътрешните отстояния (padding) */
    border-radius: 5px !important; /* Намалява заоблеността на ъглите */
    margin: 5px !important; /* Отстояние между бутоните */
    min-width: unset !important; /* Премахва минималната широчина, ако има такава */
}

.product-form__input .product-form__variants .product-form__item label {
    font-size: 14px !important; /* Намалява размера на шрифта */
}

/* Допълнителен код за премахване на фиксирана височина, ако има такава */
.product-form__input .product-form__variants .product-form__item a {
    height: auto !important;
}
/* === SHRINK VARIANT PILLS (Размер) — works across label/button variants === */

/* Центриране на реда и по-малък gap */
.product-form fieldset,
.product-form .product-form__input,
.product-form [class*="product-form__input--pill"] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px !important;
}

/* Хващаме всички потенциални „облачета“ вътре в вариантите */
.product-form fieldset :is(label, .button, .swatch__label),
.product-form [class*="product-form__input--pill"] :is(label, .button, .swatch__label) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* твърди размери + визуално свиване (ако падингите са упорити) */
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 8px !important;
  border-radius: 8px !important;

  transform: scale(0.9);               /* визуално ~10% по-малки */
  transform-origin: center center;

  /* базов вид */
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.06) !important;
  box-shadow: 0 6px 16px rgba(0,0,0,.04) !important;

  font-weight: 600 !important;
  line-height: 1 !important;
  text-align: center !important;
}

/* Активен елемент да не „набъбва“ */
.product-form fieldset input[type="radio"]:checked + label,
.product-form [class*="product-form__input--pill"] input[type="radio"]:checked + label,
.product-form [class*="product-form__input--pill"] .button[aria-pressed="true"] {
  transform: scale(0.9) !important;
  border-color: rgba(0,0,0,.12) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.08) !important;
}

/* Мобилно още по-компактно */
@media (max-width: 749px) {
  .product-form fieldset,
  .product-form .product-form__input,
  .product-form [class*="product-form__input--pill"] { gap: 6px !important; }
  .product-form fieldset :is(label, .button, .swatch__label),
  .product-form [class*="product-form__input--pill"] :is(label, .button, .swatch__label) {
    height: 26px !important;
    min-height: 26px !important;
    padding: 0 7px !important;
    border-radius: 7px !important;
    transform: scale(0.88);
  }
}
/* === Smaller variant pills (Размер) for Sense === */

/* По-малък gap + подравняване на реда */
fieldset.product-form__input.product-form__input--pill {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

/* Свиваме самите капсули (label-ите са бутони в Sense) */
fieldset.product-form__input.product-form__input--pill label.button {
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 10px !important;      /* по-тясно облаче */
  min-width: unset !important;
  border-radius: 10px !important;

  line-height: 1 !important;       /* чисто вертикално центриране */
  font-size: 14px;                  /* оставяме текста четим */

  box-shadow: none !important;      /* махаме „набъбналата“ сянка */
  border: 1px solid rgba(0,0,0,.10) !important;
  background: #fff !important;
}

/* Активният да не променя размера, само контраста на рамката */
fieldset.product-form__input.product-form__input--pill input[type="radio"]:checked + label.button {
  border-color: rgba(0,0,0,.25) !important;
  box-shadow: none !important;
}

/* Още по-компактно на мобилни */
@media (max-width: 749px) {
  fieldset.product-form__input.product-form__input--pill { gap: 6px; }
  fieldset.product-form__input.product-form__input--pill label.button {
    height: 26px !important;
    min-height: 26px !important;
    padding: 0 8px !important;
    border-radius: 8px !important;
    font-size: 13.5px;
  }
}
/* === Compact variant pills (Размер) === */
.product-form__input--pill label.button {
  height: 28px !important;         /* по-ниски */
  min-height: 28px !important;
  padding: 0 12px !important;      /* по-тесни */
  min-width: auto !important;
  border-radius: 8px !important;   /* по-малко заобляне */

  font-size: 14px !important;
  font-weight: 600;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: none !important;
}

/* Активният бутон */
.product-form__input--pill input[type="radio"]:checked + label.button {
  background: #f9fafb !important;
  border-color: #d1d5db !important;
  box-shadow: inset 0 0 0 1px #c0c0c0 !important;
}

/* По-компактно на мобилни */
@media (max-width: 749px) {
  .product-form__input--pill label.button {
    height: 26px !important;
    min-height: 26px !important;
    padding: 0 10px !important;
    font-size: 13.5px !important;
  }
}
/* Custom CSS - Ultimate force to style variant buttons */
.product-form__input .product-form__variants .product-form__item {
    padding: 0.5rem 0.75rem !important;
    border-radius: 5px !important;
    margin: 5px !important;
    min-width: unset !important;
}

.product-form__input .product-form__variants .product-form__item label {
    font-size: 14px !important;
    line-height: 1.2 !important;
    padding: 0 !important;
    display: block !important;
}

/* Ensure the link itself also has no extra padding or height */
.product-form__input .product-form__variants .product-form__item a {
    height: auto !important;
    padding: 0 !important;
}

/* Force override of any fixed height from the parent container */
.product-form__input .product-form__variants .product-form__item {
    height: auto !important;
}/* === TRUE COMPACT PILLS (Размер) — smaller capsules, same text === */

/* По-малък gap */
fieldset.product-form__input.product-form__input--pill {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px !important;
}

/* Свиваме капсулите и махаме наследените ширини от .button */
fieldset.product-form__input.product-form__input--pill label.button {
  box-sizing: border-box !important;

  /* ключовото ↓↓ */
  height: 24px !important;          /* беше 28+ */
  min-height: 24px !important;
  line-height: 24px !important;
  padding: 0 8px !important;        /* беше 10–14px */
  min-width: 0 !important;          /* убива надуването от .button */
  width: auto !important;
  inline-size: auto !important;

  border-radius: 8px !important;

  /* външен вид – без да набъбва */
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: none !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* НЕ пипаме размера на текста (остава четим) */
  font-size: 14px !important;
  font-weight: 600;
}

/* Активният да не променя размер, само контраст */
fieldset.product-form__input.product-form__input--pill input[type="radio"]:checked + label.button {
  border-color: #d1d5db !important;
  background: #f9fafb !important;
  box-shadow: none !important;
}

/* Ако темата рисува псевдо-елементи, махаме ги (те често добавят псевдо-падинг) */
fieldset.product-form__input.product-form__input--pill label.button::before,
fieldset.product-form__input.product-form__input--pill label.button::after {
  content: none !important;
  display: none !important;
}

/* Още по-компактно на мобилни */
@media (max-width: 749px) {
  fieldset.product-form__input.product-form__input--pill { gap: 5px !important; }
  fieldset.product-form__input.product-form__input--pill label.button {
    height: 22px !important;
    min-height: 22px !important;
    line-height: 22px !important;
    padding: 0 6px !important;
    border-radius: 7px !important;
    /* по желание: font-size: 13.5px !important;  // ако искаш още по-компактно */
  }
}
/* === COMPACT VARIANT PILLS — force shrink in Sense === */

/* По-малък редов gap */
.product-form__input--pill { gap: 6px !important; }

/* Хвани ВСИЧКИ варианти на бутон/label вътре и ги свий */
.product-form__input--pill :is(label.button,
                               .button,
                               .button--secondary,
                               .button--tertiary,
                               [class*="button"]) {
  /* ако темата ползва променливи за височина/падинг — пресичаме ги */
  --btn-min-height: 24px;
  --btn-height: 24px;
  --button-padding-y: 0px;
  --button-padding-x: 8px;

  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 24px !important;
  height: 24px !important;
  line-height: 24px !important;
  padding: 0 8px !important;     /* по-тясно облаче */
  min-width: 0 !important;
  width: auto !important;
  inline-size: auto !important;

  border-radius: 8px !important;
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: none !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

/* Активният вариант – само лек контраст, без да „набъбва“ */
.product-form__input--pill input[type="radio"]:checked + label.button,
.product-form__input--pill .button[aria-pressed="true"] {
  background: #f9fafb !important;
  border-color: #d1d5db !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Мобилно: още по-компактно */
@media (max-width: 749px) {
  .product-form__input--pill { gap: 5px !important; }
  .product-form__input--pill :is(label.button,
                                 .button,
                                 .button--secondary,
                                 .button--tertiary,
                                 [class*="button"]) {
    --btn-min-height: 22px;
    --btn-height: 22px;
    min-height: 22px !important;
    height: 22px !important;
    line-height: 22px !important;
    padding: 0 6px !important;
    border-radius: 7px !important;
  }
}
/* === FINAL: Smaller variant pills (Размер) — works on Sense === */

/* по-малък редов gap */
.product-form__input--pill { gap: 6px !important; }

/* 1) Ако темата ползва CSS променливи за бутони — свиваме ги локално */
.product-form__input--pill :is(.button, label.button, [role="button"]) {
  --btn-min-height: 24px !important;
  --btn-height: 24px !important;
  --button-padding-y: 0px !important;
  --button-padding-x: 8px !important;
  --button-radius: 8px !important;
}

/* 2) Твърди размери (ако темата НЕ ползва променливи) */
.product-form__input--pill :is(.button, label.button, [role="button"]) {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 24px !important;
  height: 24px !important;
  line-height: 24px !important;
  padding: 0 8px !important;
  min-width: 0 !important;
  width: auto !important;
  inline-size: auto !important;
  border-radius: 8px !important;

  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}

/* 3) Премахни всякакви псевдо-елементи, които „надуват“ */
.product-form__input--pill :is(.button, label.button, [role="button"])::before,
.product-form__input--pill :is(.button, label.button, [role="button"])::after {
  content: none !important;
  display: none !important;
}

/* 4) Активният вариант да не набъбва */
.product-form__input--pill input[type="radio"]:checked + label.button,
.product-form__input--pill .button[aria-pressed="true"] {
  background: #f9fafb !important;
  border-color: #d1d5db !important;
  transform: none !important;
  box-shadow: none !important;
}

/* 5) Ако още са големи, визуално ги смали с scale (последен ход) */
.product-form__input--pill.shrink-pills :is(.button, label.button, [role="button"]) {
  transform: scale(0.88);
  transform-origin: center;
}
/* === SHRINK PILLS (Размер) — минимален, но силен селектор === */
.product-form label.button {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  height: 24px !important;
  min-height: 24px !important;
  line-height: 24px !important;
  padding: 0 8px !important;

  min-width: 0 !important;     /* спира надуването */
  width: auto !important;
  border-radius: 8px !important;

  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: none !important;
}

.product-form .product-form__input { gap: 6px !important; }  /* по-малък разстояние между тях */
/* === COMPACT PILLS — свиване на капсулите за "Размер" в Sense === */

/* 0) по-малък gap на реда */
fieldset.product-form__input.product-form__input--pill,
.product-form .product-form__input.product-form__input--pill {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px !important;
}

/* 1) Хванем абсолютно всички варианти на „облаче“ вътре */
fieldset.product-form__input.product-form__input--pill :is(label.button, label, .button, [role="button"]) {
  box-sizing: border-box !important;

  /* КЛЮЧОВО: твърди размери */
  min-height: 24px !important;
  height: 24px !important;
  line-height: 24px !important;
  padding: 0 8px !important;

  /* спира всякакво авто-ширина/минимуми от темата */
  min-width: 0 !important;
  width: auto !important;
  inline-size: auto !important;

  /* форма/визия */
  border-radius: 8px !important;
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: none !important;

  /* подравняване */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* текстът остава четим, не го намаляваме */
  font-size: 14px !important;
  font-weight: 600;
  white-space: nowrap !important;
  text-decoration: none !important;
  margin: 0 !important;
}

/* 2) Активният (checked) да НЕ набъбва – само лек контраст */
fieldset.product-form__input.product-form__input--pill input[type="radio"]:checked + label,
fieldset.product-form__input.product-form__input--pill .button[aria-pressed="true"] {
  background: #f9fafb !important;
  border-color: #d1d5db !important;
  transform: none !important;
  box-shadow: none !important;
}

/* 3) Ако темата добавя псевдо-елементи, които „надуват“ – изключи ги */
fieldset.product-form__input.product-form__input--pill :is(label.button, label, .button, [role="button"])::before,
fieldset.product-form__input.product-form__input--pill :is(label.button, label, .button, [role="button"])::after {
  content: none !important;
  display: none !important;
}

/* 4) Мобилно – още по-компактно */
@media (max-width: 749px) {
  fieldset.product-form__input.product-form__input--pill { gap: 5px !important; }
  fieldset.product-form__input.product-form__input--pill :is(label.button, label, .button, [role="button"]) {
    min-height: 22px !important;
    height: 22px !important;
    line-height: 22px !important;
    padding: 0 6px !important;
    border-radius: 7px !important;
  }
}
/* === Variant pills: compact + premium look (Sense) === */

/* редът да има нормален, не прекалено малък gap */
fieldset.product-form__input.product-form__input--pill {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px !important;
}

/* базов вид на капсулите */
fieldset.product-form__input.product-form__input--pill label.button {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  height: 28px !important;              /* компактно, но не дребно */
  min-height: 28px !important;
  padding: 0 12px !important;            /* малко повече въздух от двете страни */
  border-radius: 12px !important;        /* по-мек, „облачен“ вид */
  min-width: 0 !important;
  width: auto !important;

  background: #ffffff !important;
  border: 1px solid #e6e7eb !important;  /* фин контур */
  box-shadow: 0 8px 22px rgba(0,0,0,.06) !important; /* нежна сянка */

  font-weight: 600;
  font-size: 14px !important;
  line-height: 1 !important;
  color: inherit !important;
  white-space: nowrap !important;

  transition: transform .08s ease, box-shadow .2s ease, border-color .2s ease, background-color .2s ease;
}

/* hover – леко повдигане, по-наситена сянка */
fieldset.product-form__input.product-form__input--pill label.button:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 26px rgba(0,0,0,.08) !important;
}

/* активен/избран – мека златиста нотка като бутоните на сайта */
fieldset.product-form__input.product-form__input--pill input[type="radio"]:checked + label.button {
  /* ако имаш brand цвят като променлива, замени със своя; това е неутрално златисто */
  background: rgba(201, 151, 73, .10) !important;
  border-color: rgba(201, 151, 73, .35) !important;
  box-shadow: 0 10px 26px rgba(201,151,73,.10) !important;
}

/* мобилно – една идея по-компактно */
@media (max-width: 749px) {
  fieldset.product-form__input.product-form__input--pill { gap: 8px !important; }
  fieldset.product-form__input.product-form__input--pill label.button {
    height: 26px !important;
    min-height: 26px !important;
    padding: 0 10px !important;
    border-radius: 10px !important;
  }
}
/* === PREMIUM PILLS (връщане към предишния стил) === */
.template-product fieldset.product-form__input.product-form__input--pill {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px !important;
}

/* базов премиум стил на капсулите */
.template-product fieldset.product-form__input.product-form__input--pill label.button {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  height: 34px !important;          /* по-високи, елегантни */
  min-height: 34px !important;
  padding: 0 14px !important;        /* повече въздух встрани */
  border-radius: 14px !important;    /* мек „облачен“ овал */

  background: #fff !important;
  border: 1px solid #E7E8EC !important;                 /* фин контур */
  box-shadow: 0 10px 26px rgba(0,0,0,.08) !important;   /* нежна сянка */
  transform: none !important;                           /* отменя всякакъв scale */

  font-weight: 600;
  font-size: 14px !important;
  line-height: 1 !important;
  color: inherit !important;
  white-space: nowrap !important;

  transition: transform .08s ease, box-shadow .2s ease, border-color .2s ease, background-color .2s ease;
}

/* hover – леко „повдигане“ */
.template-product fieldset.product-form__input.product-form__input--pill label.button:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.10) !important;
}

/* активен/избран – мек златист акцент (съгласуван с бутоните) */
.template-product fieldset.product-form__input.product-form__input--pill input[type="radio"]:checked + label.button {
  background: rgba(201,151,73,.10) !important;   /* нежна „мед“-пастел основа */
  border-color: rgba(201,151,73,.45) !important;
  box-shadow: 0 12px 30px rgba(201,151,73,.12) !important;
  transform: translateY(-1px) !important;
}

/* мобилно – една идея по-компактно, но пак премиум */
@media (max-width: 749px) {
  .template-product fieldset.product-form__input.product-form__input--pill { gap: 8px !important; }
  .template-product fieldset.product-form__input.product-form__input--pill label.button {
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
  }
}
/* === PREMIUM PILLS — strong override for Sense === */

/* По-нормален gap и подравняване */
.template-product fieldset.product-form__input.product-form__input--pill {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px !important;
}

/* Капсулите (хващаме label.button и всеки label след radio) */
.template-product fieldset.product-form__input.product-form__input--pill input[type="radio"] + label,
.template-product fieldset.product-form__input.product-form__input--pill label.button {
  /* пресичаме темплейтни променливи и глобални .button правила */
  --btn-min-height: 34px !important;
  --btn-height: 34px !important;
  --button-padding-y: 0px !important;
  --button-padding-x: 14px !important;
  --button-radius: 14px !important;

  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 34px !important;
  height: 34px !important;
  line-height: 34px !important;
  padding: 0 14px !important;
  min-width: 0 !important;
  width: auto !important;
  inline-size: auto !important;

  border-radius: 14px !important;
  background: #fff !important;
  border: 1px solid #E7E8EC !important;                  /* фин контур */
  box-shadow: 0 12px 30px rgba(0,0,0,.08) !important;     /* мека сянка */
  transform: none !important;                              /* отмяна на предишни scale/translate */
  filter: none !important;

  font-weight: 600 !important;
  font-size: 14px !important;
  color: inherit !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  margin: 0 !important;
}

/* Hover – леко „повдигане“ */
.template-product fieldset.product-form__input.product-form__input--pill label.button:hover,
.template-product fieldset.product-form__input.product-form__input--pill input[type="radio"] + label:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.10) !important;
}

/* Активен (избран) – деликатен златист акцент, без да променя размера */
.template-product fieldset.product-form__input.product-form__input--pill input[type="radio"]:checked + label {
  background: rgba(201,151,73,.10) !important;            /* нежна „мед“ основа */
  border-color: rgba(201,151,73,.45) !important;
  box-shadow: 0 14px 34px rgba(201,151,73,.12) !important;
  transform: translateY(-1px) !important;
}

/* Премахваме псевдо-елементи, които могат да „надуват“ */
.template-product fieldset.product-form__input.product-form__input--pill label.button::before,
.template-product fieldset.product-form__input.product-form__input--pill label.button::after {
  content: none !important;
  display: none !important;
}

/* Мобилно – компактно, но пак премиум */
@media (max-width: 749px) {
  .template-product fieldset.product-form__input.product-form__input--pill { gap: 8px !important; }
  .template-product fieldset.product-form__input.product-form__input--pill input[type="radio"] + label,
  .template-product fieldset.product-form__input.product-form__input--pill label.button {
    min-height: 32px !important;
    height: 32px !important;
    line-height: 32px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 26px rgba(0,0,0,.08) !important;
  }
}
/* === PREMIUM PILLS (restore) — high-specificity override === */

/* нормален gap */
.template-product .product-form .product-form__input.product-form__input--pill {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px !important;
}

/* капсулите (хващаме и label.button, и всеки label след radio) */
.template-product .product-form .product-form__input.product-form__input--pill label.button,
.template-product .product-form .product-form__input.product-form__input--pill input[type="radio"] + label {
  /* пресичаме стари !important стойности */
  min-height: 34px !important;
  height: 34px !important;
  line-height: 34px !important;
  padding: 0 14px !important;
  border-radius: 14px !important;
  min-width: 0 !important;
  width: auto !important;
  inline-size: auto !important;

  background: #fff !important;
  border: 1px solid #E7E8EC !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.08) !important;
  transform: none !important;   /* нулира евентуален scale */
  filter: none !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  font-size: 14px !important;
  font-weight: 600 !important;
  color: inherit !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  margin: 0 !important;
}

/* hover */
.template-product .product-form .product-form__input.product-form__input--pill label.button:hover,
.template-product .product-form .product-form__input.product-form__input--pill input[type="radio"] + label:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.10) !important;
}

/* активен */
.template-product .product-form .product-form__input.product-form__input--pill input[type="radio"]:checked + label {
  background: rgba(201,151,73,.10) !important;
  border-color: rgba(201,151,73,.45) !important;
  box-shadow: 0 14px 34px rgba(201,151,73,.12) !important;
  transform: translateY(-1px) !important;
}

/* мобилно */
@media (max-width: 749px) {
  .template-product .product-form .product-form__input.product-form__input--pill { gap: 8px !important; }
  .template-product .product-form .product-form__input.product-form__input--pill label.button,
  .template-product .product-form .product-form__input.product-form__input--pill input[type="radio"] + label {
    min-height: 32px !important;
    height: 32px !important;
    line-height: 32px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
  }
}
/* === PREMIUM PILLS — hard override (Sense) === */
.template-product.template-product
  .product-form .product-form__input.product-form__input--pill
  input[type="radio"] + label.button.button.button,
.template-product.template-product
  .product-form .product-form__input.product-form__input--pill
  label.button.button.button {
  /* размери – по-високи и „облачни“ */
  min-height: 34px !important;
  height: 34px !important;
  line-height: 34px !important;
  padding: 0 14px !important;
  border-radius: 14px !important;

  /* вид – бяла капсула, фин контур + мека сянка */
  background: #fff !important;
  border: 1px solid #E7E8EC !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.08) !important;

  /* зануляване на предишни „смалявания“ */
  transform: none !important;
  filter: none !important;

  /* подравняване/текст */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
}

/* hover */
.template-product.template-product
  .product-form .product-form__input.product-form__input--pill
  label.button.button.button:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.10) !important;
}

/* selected */
.template-product.template-product
  .product-form .product-form__input.product-form__input--pill
  input[type="radio"]:checked + label.button.button.button {
  background: rgba(201,151,73,.10) !important;   /* златист акцент */
  border-color: rgba(201,151,73,.45) !important;
  box-shadow: 0 14px 34px rgba(201,151,73,.12) !important;
  transform: translateY(-1px) !important;
}
/* === PREMIUM PILLS — nuclear override for Sense === */

/* нормален gap */
.product-form .product-form__input.product-form__input--pill { gap: 10px !important; }

/* 1) Нулираме всички псевдо-елементи, които рисуват рамки/фонове и „превземат“ дизайна */
.product-form .product-form__input.product-form__input--pill :is(label.button, label)[class*="button"]::before,
.product-form .product-form__input.product-form__input--pill :is(label.button, label)[class*="button"]::after {
  content: none !important;
  display: none !important;
}

/* 2) Правим самата капсула – размер/овал/фон/сянка (директно върху label.button) */
.product-form .product-form__input.product-form__input--pill :is(label.button, label)[class*="button"] {
  position: relative !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  height: 34px !important;             /* премиум височина */
  min-height: 34px !important;
  padding: 0 14px !important;           /* въздух встрани */
  border-radius: 14px !important;

  background: #fff !important;
  border: 1px solid #E7E8EC !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.08) !important;

  transform: none !important;           /* маха предишни scale */
  filter: none !important;

  min-width: 0 !important;
  width: auto !important;
  inline-size: auto !important;

  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  color: inherit !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  margin: 0 !important;
}

/* 3) Ако темата ползва вътрешен wrapper (.button__content) — синхронизираме и него */
.product-form .product-form__input.product-form__input--pill :is(label.button, label)[class*="button"] .button__content {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 34px !important;
  padding: 0 14px !important;
  border-radius: 14px !important;
}

/* 4) Hover и избран вариант */
.product-form .product-form__input.product-form__input--pill :is(label.button, label)[class*="button"]:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.10) !important;
}
.product-form .product-form__input.product-form__input--pill input[type="radio"]:checked + :is(label.button, label)[class*="button"] {
  background: rgba(201,151,73,.10) !important;            /* мек златист акцент */
  border-color: rgba(201,151,73,.45) !important;
  box-shadow: 0 14px 34px rgba(201,151,73,.12) !important;
  transform: translateY(-1px) !important;
}

/* 5) Мобилно – умерено свиване */
@media (max-width: 749px) {
  .product-form .product-form__input.product-form__input--pill { gap: 8px !important; }
  .product-form .product-form__input.product-form__input--pill :is(label.button, label)[class*="button"],
  .product-form .product-form__input.product-form__input--pill :is(label.button, label)[class*="button"] .button__content {
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
  }
}
/* === Variant pills: size like the screenshot === */
.product-form .product-form__input.product-form__input--pill {
  display: flex;
  flex-wrap: wrap;
  gap: 10px !important;
}

/* НЕИЗБРАНО */
.product-form .product-form__input.product-form__input--pill label.button {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  height: 32px !important;          /* <-- РАЗМЕР */
  min-height: 32px !important;
  padding: 0 12px !important;        /* <-- ШИРИНА */
  border-radius: 12px !important;    /* <-- ОВАЛ */

  background: #fff !important;
  border: 1px solid #E3E5EA !important;
  color: #2b2b2b !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

/* ИЗБРАНО (тъмно облаче с бял текст, както на снимката) */
.product-form .product-form__input.product-form__input--pill input[type="radio"]:checked + label.button {
  background: #463f52 !important;   /* тъмно сиво-лилаво */
  border-color: #463f52 !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* Hover – лек контраст */
.product-form .product-form__input.product-form__input--pill label.button:hover {
  border-color: #c9ccd3 !important;
}

/* Мобилно – една идея по-компактно */
@media (max-width: 749px) {
  .product-form .product-form__input.product-form__input--pill { gap: 8px !important; }
  .product-form .product-form__input.product-form__input--pill label.button {
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 10px !important;
    border-radius: 10px !important;
    font-size: 13.5px !important;
  }
}
/* === VARIANT PILLS — universal catch (работи дори без класове) === */

/* редът на вариантите – нормален gap */
.template-product .product-form fieldset.product-form__input { 
  display: flex; 
  flex-wrap: wrap; 
  gap: 10px !important; 
  align-items: center;
}

/* ОБЛАЧЕТО: "каквото и да е" непосредствено след радио бутона */
.template-product .product-form fieldset.product-form__input input[type="radio"] + * {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* размер като на примера ти */
  height: 32px !important;
  min-height: 32px !important;
  line-height: 32px !important;
  padding: 0 12px !important;

  /* да не се надува от темата */
  min-width: 0 !important;
  width: auto !important;
  inline-size: auto !important;

  border-radius: 12px !important;
  background: #fff !important;
  border: 1px solid #E3E5EA !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.06) !important;

  font-size: 14px !important;
  font-weight: 600 !important;
  color: #2b2b2b !important;
  text-decoration: none !important;
  white-space: nowrap !important;

  /* изчистваме псевдо-елементи, ако рисуват стар стил */
  position: relative !important;
}
.template-product .product-form fieldset.product-form__input input[type="radio"] + *::before,
.template-product .product-form fieldset.product-form__input input[type="radio"] + *::after {
  content: none !important;
  display: none !important;
}

/* ИЗБРАНО облаче */
.template-product .product-form fieldset.product-form__input input[type="radio"]:checked + * {
  background: #463f52 !important;   /* тъмно, както на твоя скрийн */
  border-color: #463f52 !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* hover – лек контраст */
.template-product .product-form fieldset.product-form__input input[type="radio"] + *:hover {
  border-color: #c9ccd3 !important;
}

/* мобилно – една идея по-компактно */
@media (max-width: 749px) {
  .template-product .product-form fieldset.product-form__input { gap: 8px !important; }
  .template-product .product-form fieldset.product-form__input input[type="radio"] + * {
    height: 30px !important;
    min-height: 30px !important;
    line-height: 30px !important;
    padding: 0 10px !important;
    border-radius: 10px !important;
    font-size: 13.5px !important;
  }
}
/* === Variant pills for: fieldset.js.product-form__input.product-form__input--pill === */

/* редът на вариантите */
.template-product .product-form fieldset.product-form__input.product-form__input--pill{
  display:flex; flex-wrap:wrap; align-items:center; gap:10px !important;
}

/* НЕИЗБРАНО облаче (label веднага след radio) */
.template-product .product-form
fieldset.product-form__input.product-form__input--pill input[type="radio"] + label{
  box-sizing:border-box !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  height:32px !important;                /* размер като примера */
  min-height:32px !important;
  line-height:32px !important;
  padding:0 12px !important;             /* ширина на „облачето“ */
  border-radius:12px !important;

  min-width:0 !important; width:auto !important; inline-size:auto !important;

  background:#fff !important;
  border:1px solid #E3E5EA !important;
  box-shadow:0 8px 22px rgba(0,0,0,.06) !important;

  font:600 14px/1 inherit !important;
  color:#2b2b2b !important;
  white-space:nowrap !important;
  text-decoration:none !important;
  margin:0 !important;
}

/* ИЗБРАНО облаче */
.template-product .product-form
fieldset.product-form__input.product-form__input--pill input[type="radio"]:checked + label{
  background:#463f52 !important;         /* тъмното от примера ти */
  border-color:#463f52 !important;
  color:#fff !important;
  box-shadow:none !important;
}

/* Премахни псевдо-елементи, ако темата рисува върху label */
.template-product .product-form
fieldset.product-form__input.product-form__input--pill input[type="radio"] + label::before,
.template-product .product-form
fieldset.product-form__input.product-form__input--pill input[type="radio"] + label::after{
  content:none !important; display:none !important;
}

/* Мобилно – една идея по-компактно */
@media (max-width:749px){
  .template-product .product-form
  fieldset.product-form__input.product-form__input--pill{ gap:8px !important; }
  .template-product .product-form
  fieldset.product-form__input.product-form__input--pill input[type="radio"] + label{
    height:30px !important; min-height:30px !important; line-height:30px !important;
    padding:0 10px !important; border-radius:10px !important; font-size:13.5px !important;
  }
}
/* === NUCLEAR OVERRIDE FOR VARIANT PILLS === */
.js.product-form__input.product-form__input--pill input[type="radio"] + label {
  all: unset !important;                   /* маха всички наследени стилове */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  
  height: 32px !important;
  min-height: 32px !important;
  line-height: 32px !important;
  padding: 0 12px !important;
  border-radius: 12px !important;
  
  background: #fff !important;
  border: 1px solid #E3E5EA !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.06) !important;
  
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #2b2b2b !important;
  cursor: pointer !important;
}

/* избрано (checked) */
.js.product-form__input.product-form__input--pill input[type="radio"]:checked + label {
  background: #463f52 !important;
  border-color: #463f52 !important;
  color: #fff !important;
  box-shadow: none !important;
}
/* === Variant pills: pleasant colors + gradient selected === */
:root{
  /* нагоди, ако искаш други тонове */
  --pill-bg: #ffffff;
  --pill-border: #E3E5EA;
  --pill-text: #1f2937;

  /* златист акцент (в тон с бутоните) */
  --pill-gold-1: #d4a354; /* светъл връх на градиента */
  --pill-gold-2: #b98536; /* по-тъмен край на градиента */
  --pill-gold-shadow: rgba(185,133,54,.25);
}

/* НЕИЗБРАНО – бяло, фин контур, лека сянка */
.js.product-form__input.product-form__input--pill input[type="radio"] + label{
  background: var(--pill-bg) !important;
  border: 1px solid var(--pill-border) !important;
  color: var(--pill-text) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.06) !important;
  transition: background-color .2s ease, border-color .2s ease, box-shadow .25s ease, transform .08s ease;
}
.js.product-form__input.product-form__input--pill input[type="radio"] + label:hover{
  background: #fafafb !important;
  border-color: #d1d5db !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 26px rgba(0,0,0,.08) !important;
}

/* ИЗБРАНО – плавен златист градиент + четим бял текст */
.js.product-form__input.product-form__input--pill input[type="radio"]:checked + label{
  background: linear-gradient(180deg, var(--pill-gold-1), var(--pill-gold-2)) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 10px 26px var(--pill-gold-shadow) !important;
  transform: translateY(-1px);
}

/* Фокус с пръстен за достъпност (клавиатура) */
.js.product-form__input.product-form__input--pill input[type="radio"]:focus-visible + label{
  outline: 3px solid rgba(185,133,54,.25) !important;
  outline-offset: 2px;
  box-shadow: 0 0 0 3px rgba(185,133,54,.18) inset, 0 10px 26px var(--pill-gold-shadow) !important;
}

/* по желание – малко по-малък radius на мобилно, за да не „натежава“ */
@media (max-width:749px){
  .js.product-form__input.product-form__input--pill input[type="radio"] + label{
    border-radius: 10px !important;
  }
}
/* === Refined premium pills (по-чист вид, по-добра четимост) === */
:root{
  /* нагоди тези 2 цвята, за да паснат точно на бутоните ти */
  --brand-1: #c8953f;   /* светъл златист (тонът на „Купете сега“) */
  --brand-2: #a4782b;   /* една идея по-тъмен златист */
  --pill-text: #111827;
  --pill-border: #E5E7EB;
}

/* НЕАКТИВНО – бяло, фин контур, без силни сенки */
.js.product-form__input.product-form__input--pill input[type="radio"] + label{
  background:#fff !important;
  border:1px solid var(--pill-border) !important;
  color:var(--pill-text) !important;
  box-shadow: 0 4px 14px rgba(0,0,0,.04) !important;
  font-weight:600 !important;
}

/* hover – лек контраст, микро повдигане */
.js.product-form__input.product-form__input--pill input[type="radio"] + label:hover{
  border-color:#D5D8DE !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(0,0,0,.06) !important;
}

/* АКТИВНО – солиден брандов фон (по-спокойно от преди) */
.js.product-form__input.product-form__input--pill input[type="radio"]:checked + label{
  background: var(--brand-1) !important;     /* солиден – по-добра четимост */
  color:#fff !important;
  border-color: var(--brand-1) !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.08) !important;
  transform: translateY(-1px);
}

/* Ако искаш деликатен градиент вместо солиден – махни реда горе и остави този: */
/*
.js.product-form__input.product-form__input--pill input[type="radio"]:checked + label{
  background: linear-gradient(180deg, var(--brand-1) 0%, var(--brand-2) 100%) !important;
  color:#fff !important;
  border-color: transparent !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.08) !important;
  transform: translateY(-1px);
}
*/

/* фокус с клавиатура – дискретен, достъпен */
.js.product-form__input.product-form__input--pill input[type="radio"]:focus-visible + label{
  outline: 2px solid color-mix(in srgb, var(--brand-1) 35%, transparent) !important;
  outline-offset: 2px;
}
/* === Pills: gradient on selected + hover lift === */
:root{
  --pill-g1: #d4a354;   /* светло златисто */
  --pill-g2: #b98536;   /* по-тъмно златисто */
  --pill-border: #E5E7EB;
  --pill-text: #111827;
}

/* базов стил + анимации */
.js.product-form__input.product-form__input--pill input[type="radio"] + label{
  background:#fff !important;
  border:1px solid var(--pill-border) !important;
  color:var(--pill-text) !important;
  transition:
    transform .12s cubic-bezier(.2,.7,.2,1),
    box-shadow .2s ease,
    border-color .2s ease,
    background-color .2s ease, color .2s ease;
  will-change: transform, box-shadow;
}

/* hover – леко повдигане, за да е ясно къде е курсорът */
.js.product-form__input.product-form__input--pill input[type="radio"] + label:hover{
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(0,0,0,.08) !important;
  border-color:#d1d5db !important;
}

/* клик/натискане – връщане надолу (tactile) */
.js.product-form__input.product-form__input--pill input[type="radio"] + label:active{
  transform: translateY(0);
  box-shadow: 0 4px 12px rgba(0,0,0,.06) !important;
}

/* ИЗБРАНО – златист ГРАДИЕНТ + бял текст */
.js.product-form__input.product-form__input--pill input[type="radio"]:checked + label{
  background: linear-gradient(180deg, var(--pill-g1) 0%, var(--pill-g2) 100%) !important;
  color:#fff !important;
  border-color: transparent !important;
  box-shadow: 0 10px 26px rgba(185,133,54,.22) !important;
}

/* избрано + hover – една идея по-високо */
.js.product-form__input.product-form__input--pill input[type="radio"]:checked + label:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(185,133,54,.28) !important;
}

/* достъпност: фокус пръстен */
.js.product-form__input.product-form__input--pill input[type="radio"]:focus-visible + label{
  outline: 2px solid color-mix(in srgb, var(--pill-g1) 35%, transparent) !important;
  outline-offset: 2px;
}

/* предпочитание: намалено движение */
@media (prefers-reduced-motion: reduce){
  .js.product-form__input.product-form__input--pill input[type="radio"] + label{
    transition: none;
  }
}
/* === Pills: softer gold + real hover lift === */
:root{
  /* по-мек, премиум златист (нагоди при нужда) */
  --pill-g1: #d7a858;   /* светъл */
  --pill-g2: #b9853a;   /* по-тъмен */
  --pill-border: #E5E7EB;
  --pill-text: #111827;
}

/* Базови (неизбрани) */
.js.product-form__input.product-form__input--pill input[type="radio"] + label{
  background:#fff !important;
  border:1px solid var(--pill-border) !important;
  color:var(--pill-text) !important;
  transition:
    transform .14s cubic-bezier(.2,.7,.2,1),
    box-shadow .2s ease,
    border-color .2s ease,
    background-color .2s ease, color .2s ease !important;
  will-change: transform, box-shadow;
}

/* Hover – ясно „повдигане“ */
.js.product-form__input.product-form__input--pill input[type="radio"] + label:hover{
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.10) !important;
  border-color:#d1d5db !important;
}

/* Натискане – леко надолу (tactile feedback) */
.js.product-form__input.product-form__input--pill input[type="radio"] + label:active{
  transform: translateY(-1px) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.08) !important;
}

/* Избрано – деликатен златист ГРАДИЕНТ + бял текст */
.js.product-form__input.product-form__input--pill input[type="radio"]:checked + label{
  background: linear-gradient(180deg, var(--pill-g1) 0%, var(--pill-g2) 100%) !important;
  color:#fff !important;
  border-color: transparent !important;
  box-shadow: 0 10px 26px rgba(185,133,58,.22) !important;
}

/* Избрано + hover – още 1px нагоре */
.js.product-form__input.product-form__input--pill input[type="radio"]:checked + label:hover{
  transform: translateY(-4px) !important;
  box-shadow: 0 14px 34px rgba(185,133,58,.28) !important;
}

/* Фокус (клавиатура) */
.js.product-form__input.product-form__input--pill input[type="radio"]:focus-visible + label{
  outline: 2px solid color-mix(in srgb, var(--pill-g1) 35%, transparent) !important;
  outline-offset: 2px;
}
/* Kill the dark rim on selected pill */
.js.product-form__input.product-form__input--pill input[type="radio"]:checked + label{
  border: 1px solid transparent !important;      /* не прозира бордър */
  background-clip: padding-box !important;       /* градиентът не минава под бордъра */
  box-shadow: 0 12px 30px rgba(185,133,58,.22) !important; /* само външна сянка */
}

/* ако темата рисува линийка през псевдо-елемент – изключваме я */
.js.product-form__input.product-form__input--pill input[type="radio"]:checked + label::before,
.js.product-form__input.product-form__input--pill input[type="radio"]:checked + label::after{
  content: none !important;
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* по-гладък градиент (без „лента“ най-отгоре) */
:root{
  --pill-g1: #d7a858;
  --pill-g2: #b9853a;
}
.js.product-form__input.product-form__input--pill input[type="radio"]:checked + label{
  background-image:
    linear-gradient(180deg,
      var(--pill-g1) 0%,
      color-mix(in srgb, var(--pill-g1) 85%, #ffffff) 35%,
      var(--pill-g2) 100%) !important;
}
/* --- Softer champagne gradient + crisp interactions --- */
:root{
  /* по-нежен златист (champagne), хармония с бутоните без да „крещи“ */
  --pill-g1: #E6C589;  /* по-светъл връх */
  --pill-g2: #C79C57;  /* по-тъмен край */
  --pill-border: #E6E8EE;
  --pill-text: #0F172A;
}

/* default (неизбрани) */
.js.product-form__input.product-form__input--pill input[type="radio"] + label{
  background:#fff !important;
  border:1px solid var(--pill-border) !important;
  color:var(--pill-text) !important;
  box-shadow: 0 4px 14px rgba(0,0,0,.04) !important;
  transition:
    transform .14s cubic-bezier(.2,.7,.2,1),
    box-shadow .2s ease, border-color .2s ease,
    background-color .2s ease, color .2s ease !important;
}

/* hover (ясен, но фин) */
.js.product-form__input.product-form__input--pill input[type="radio"] + label:hover{
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.08) !important;
  border-color:#D5D9E0 !important;
}

/* active/click – леко сваляне за „тактилност“ */
.js.product-form__input.product-form__input--pill input[type="radio"] + label:active{
  transform: translateY(-1px) !important;
}

/* selected – по-фин, кадифен градиент + без „тъмен ринг“ */
.js.product-form__input.product-form__input--pill input[type="radio"]:checked + label{
  background: linear-gradient(180deg, var(--pill-g1) 0%,
                                      color-mix(in srgb, var(--pill-g1) 80%, #fff) 38%,
                                      var(--pill-g2) 100%) !important;
  color:#fff !important;
  border: 1px solid transparent !important;
  background-clip: padding-box !important;
  box-shadow: 0 10px 26px rgba(199,156,87,.20) !important;
}

/* selected + hover – +1px lift */
.js.product-form__input.product-form__input--pill input[type="radio"]:checked + label:hover{
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 34px rgba(199,156,87,.26) !important;
}

/* ясно фокусиране при клавиатура */
.js.product-form__input.product-form__input--pill input[type="radio"]:focus-visible + label{
  outline: 2px solid color-mix(in srgb, var(--pill-g1) 35%, transparent) !important;
  outline-offset: 2px;
}
/* === Quantity: perfect centering + keep site style === */

/* Капсула около количеството (запазваш твоя стил, само го стабилизираме) */
.quantity {
  display: inline-flex;
  align-items: center;
  gap: 12px;                       /* равномерни отстояния */
  border: 1px solid #E5E7EB;       /* твоя светъл контур */
  background: #fff;                /* бял фон като при теб */
  border-radius: 999px;            /* овална капсула */
  padding: 6px 12px;
}

/* ЦИФРАТА – абсолютно център, еднаква височина с бутоните */
.quantity__input {
  width: 2.6ch;                    /* стегната ширина около цифрата */
  height: 36px;
  line-height: 36px;               /* вертикален център на текста */
  text-align: center;
  font-weight: 700;                /* както при теб – bold */
  border: 0;
  background: transparent;
  padding: 0;
}

/* БУТОНИТЕ – истинско центриране на иконите */
.quantity__button {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: transparent;
  border-radius: 999px;
  cursor: pointer;
  font-size: 0 !important;         /* скрива евентуален текстов +/- */
  line-height: 1;
}

/* Премахни псевдо-икони, ако темата ги добавя (за да няма „дублиране“) */
.quantity__button::before,
.quantity__button::after { content: none !important; display: none !important; }

/* SVG иконите – център и еднакъв размер */
.quantity__button svg,
.quantity__button .icon {
  width: 14px;
  height: 14px;
  display: block;
  position: relative;
  top: 0;                           /* нулев офсет = чиста симетрия */
  stroke-width: 1.8;                /* по-четимо на светъл фон */
}

/* Цветове на иконите – запазваме стила от сайта (плюс златист, минус мек неутрален) */
.quantity__button[name="plus"],
.quantity__button[aria-label="Increase quantity"] { color: #B98536; }   /* твоят златист */
.quantity__button[name="minus"],
.quantity__button[aria-label="Decrease quantity"] { color: #B9B1A5; }   /* меко бежово-сиво */

/* Hover/active – деликатна обратна връзка, без да променя подравняването */
.quantity__button:hover { transform: translateY(-1px); }
.quantity__button:active { transform: translateY(0); }

/* Достъпност при фокус от клавиатура */
.quantity__button:focus-visible,
.quantity__input:focus-visible {
  outline: 2px solid rgba(185,133,54,.25);
  outline-offset: 2px;
  border-radius: 10px;
}

/* По-компактно на мобилни (по желание) */
@media (max-width: 749px) {
  .quantity { gap: 10px; padding: 6px 10px; }
  .quantity__button, .quantity__input { height: 34px; }
  .quantity__input { line-height: 34px; }
}
/* === Quantity icons: lift up a touch === */
.quantity__button svg,
.quantity__button .icon {
  position: relative;
  top: -3px;   /* ако искаш още – пробвай -2px */
}

/* ако минусът е рисуван като текстов глиф, вдигаме и него */
.quantity__button { line-height: 1; }
.quantity__button::before,
.quantity__button::after { vertical-align: middle; position: relative; top: -1.5px; }
/* === Quantity: lift the number as well === */
.quantity__input {
  position: relative;
  top: -2.8px;           /* пробвай -1.5px или -2.5px за фина настройка */
  height: 36px;        /* същата височина като бутоните (ако ползваш друга – смени) */
  line-height: 36px;   /* вертикално центриране на текста */
  padding-top: 0;
  padding-bottom: 0;
  display: inline-block;
}

/* (по желание) махни влиянието на спин-бутоните, ако ги има */
.quantity__input::-webkit-outer-spin-button,
.quantity__input::-webkit-inner-spin-button { margin: 0; }
/* === Quantity: perfectly even spacing left & right === */

/* три елемента в ред: [btn] [number] [btn] */
.quantity {
  display: inline-flex;
  align-items: center;
  gap: 10px !important;       /* еднакво разстояние от двете страни */
  padding-inline: 12px;       /* вътрешните краища на капсулата */
}

/* бутоните – еднаква ширина/височина, без марджини */
.quantity__button {
  width: 36px;                 /* фиксирана ширина за симетрия */
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 !important;        /* маха предишни отмествания */
  padding: 0;
}

/* числото – центрирано, без марджини */
.quantity__input {
  width: 2.6ch;                /* стегнато около цифрата */
  height: 36px;
  line-height: 36px;
  text-align: center;
  margin: 0 !important;        /* да няма скрито разстояние */
  padding: 0;
}

/* (ако преди сме разменяли местата им, запазваме реда; иначе махни тези 3) */
.quantity .quantity__button:first-of-type { order: 1; }  /* ляв бутон */
.quantity .quantity__input               { order: 2; }  /* число */
.quantity .quantity__button:last-of-type  { order: 3; }  /* десен бутон */

/* мобилно – леко по-стегнато */
@media (max-width: 749px) {
  .quantity { gap: 0px !important; padding-inline: 10px; }
  .quantity__button, .quantity__input { height: 34px; }
  .quantity__input { line-height: 34px; }
}
/* === Localization dropdown (language) — fix overlay line + premium style === */

/* Контейнерът на падащия списък */
.header .localization-form .disclosure__list-wrapper,
.localization-form .disclosure__list-wrapper {
  position: absolute;
  z-index: 10000 !important;             /* над линията на хедъра */
  background: #fff;
  border: 1px solid #E6E8EE;
  border-radius: 14px;
  box-shadow: 0 24px 60px rgba(0,0,0,.12);
  overflow: hidden;                       /* заоблените ъгли да режат всичко */
  margin-top: 8px;                        /* малко въздух под бутона */
  backdrop-filter: saturate(140%) blur(0px);
}

/* Самият списък вътре */
.localization-form .disclosure__list {
  background: transparent !important;
  padding: 8px 0;
}

/* Елементи от списъка */
.localization-form .disclosure__item { 
  margin: 0;
}

.localization-form .disclosure__link,
.localization-form .disclosure__item a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  color: #111827;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color .15s ease, color .15s ease, transform .08s ease;
}

/* Hover състояние */
.localization-form .disclosure__link:hover,
.localization-form .disclosure__item a:hover {
  background: #F7F8FB;
}

/* Избран език (bold + лек фон) */
.localization-form .disclosure__link[aria-current="true"],
.localization-form .disclosure__link[aria-selected="true"],
.localization-form .disclosure__item--current .disclosure__link {
  font-weight: 700;
  background: #FBF7EE;                    /* много леко златисто */
}

/* Иконката с чек ✔ – в тон с бранда */
.localization-form .icon-checkmark,
.localization-form .disclosure__link svg[aria-hidden="true"] {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  color: #B98536;                          /* златисто като на сайта */
}

/* Премахни хоризонтални разделители, ако темата ги добавя */
.localization-form .disclosure__list::before,
.localization-form .disclosure__list::after {
  content: none !important;
  display: none !important;
}

/* Ако линията идва от sticky header псевдо-елемент с висок z-index — свали го под менюто */
.header-wrapper::after {
  z-index: 1 !important;                   /* менюто е на 10000, няма да го пресича */
}
/* === Language trigger (Български) — fix caret & underline === */

/* самият бутон */
.localization-form .disclosure__button {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px;                       /* малко място между текста и стрелката */
  text-decoration: none !important; /* маха underline */
  border-radius: 12px;            /* по-приятен hover, ако имаш фон */
  padding: 2px 6px;               /* дискретен „air“ (по желание) */
}

/* стрелката (иконата) */
.localization-form .disclosure__button .icon-caret,
.localization-form .disclosure__button svg[aria-hidden="true"] {
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
  position: relative;
  top: 1px;                       /* вдигаме леко за център */
  color: #8a6a33;                 /* в тон със златистия ти акцент */
  stroke: currentColor;
  fill: currentColor;
  transition: transform .18s ease;
}

/* при отворено меню – завъртаме стрелката */
.localization-form .disclosure__button[aria-expanded="true"] .icon-caret,
.localization-form .disclosure__button[aria-expanded="true"] svg[aria-hidden="true"] {
  transform: rotate(180deg);
}

/* ако някъде идва underline от линк в header – обезсилваме го */
.header a[aria-controls="HeaderCountryList"],
.header .localization-form .disclosure__button {
  text-decoration: none !important;
}

/* за да не се реже стрелката от родител с overflow */
.header .localization-form,
.header .localization-form * {
  overflow: visible !important;
}
/* === Language dropdown: add comfortable gap under trigger === */
.localization-form .disclosure__list-wrapper {
  position: absolute;
  z-index: 10000 !important;
  /* малък отстояние под бутона */
  margin-top: 8px !important;                 /* ако не хване: */
  transform: translateY(8px) !important;      /* резервен вариант */
  /* запази премиум външния вид */
  background: #fff;
  border: 1px solid #E6E8EE;
  border-radius: 14px;
  box-shadow: 0 24px 60px rgba(0,0,0,.12);
  overflow: hidden;
}

/* самият бутон; малко „въздух“ от съседните икони */
.localization-form .disclosure__button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 6px;
}

/* (по желание) ако линията на sticky header пак прерязва менюто, дръж я под него */
.header-wrapper::after { z-index: 1 !important; }
/* === Language dropdown: add gap under trigger (Sense) === */

/* 1) когато е отворено, измести менюто надолу */
.localization-form details[open] > .disclosure__list-wrapper,
.localization-form .disclosure[open] > .disclosure__list-wrapper,
.header .localization-form details[open] > .disclosure__list-wrapper {
  top: calc(100% + 10px) !important;        /* основно решение */
  transform: translateY(0) !important;      /* нулира предишни трансформации */
  margin-top: 0 !important;                 /* избягва „залепване“ */
}

/* 2) ако темата не ползва top, а transform – принудителен offset */
.localization-form .disclosure__list-wrapper {
  transform: translateY(10px) !important;   /* резервен */
}

/* 3) за всеки случай: постави високо z-index и чист фон/ъгли */
.localization-form .disclosure__list-wrapper {
  position: absolute;
  z-index: 10000 !important;
  background: #fff;
  border: 1px solid #E6E8EE;
  border-radius: 14px;
  box-shadow: 0 24px 60px rgba(0,0,0,.12);
  overflow: hidden;
}
/* Language trigger: add spacing before the caret only */
.localization-form .disclosure__button{
  display: inline-flex;
  align-items: center;
  gap: 8px;                     /* разстояние текст ↔ стрелка */
}

/* fallback, ако темата не уважава gap */
.localization-form .disclosure__button .icon-caret,
.localization-form .disclosure__button svg[aria-hidden="true"]{
  margin-left: 8px !important;  /* увеличи/намали по вкус: 6–10px */
  position: relative;
  top: 1px;                      /* леко вертикално изравняване */
}
/* === Predictive search (Sense) — clean dropdown panel === */

/* контейнерът на търсачката да е референтен */
.header .search, .header .predictive-search { position: relative; }

/* панелът с резултати – точна позиция под полето */
.header .predictive-search__results,
.predictive-search__results {
  position: absolute !important;
  top: calc(100% + 10px) !important;  /* въздух под input-а */
  left: 0; right: 0;
  z-index: 10050 !important;

  background: #fff;
  border: 1px solid #E6E8EE;
  border-radius: 16px;
  box-shadow: 0 24px 60px rgba(0,0,0,.14);
  overflow: hidden;
}

/* вътрешният контейнер да скролира, не цялата страница */
.predictive-search__results .predictive-search__result-group,
.predictive-search__results .predictive-search__results-list {
  max-height: 60vh;            /* нека не покрива целия екран */
  overflow: auto;
}

/* редовете вътре – четими отстъпи */
.predictive-search__item,
.predictive-search__result {
  padding: 10px 14px;
}

/* тънка вътрешна разделителна линия вместо „рязане“ през екрана */
.predictive-search__results .predictive-search__result-group + .predictive-search__result-group {
  border-top: 1px solid #F0F2F6;
}

/* изображенията в резултати – стабилен размер */
.predictive-search__image {
  width: 48px; height: 48px; object-fit: cover; border-radius: 8px;
}

/* бекдроп зад панела (ако темата има wrapper) */
.header .predictive-search__results::before {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(17,24,39,.35);
  backdrop-filter: blur(2px);
  z-index: -1;                 /* стои зад белия панел */
}

/* z-index на хедър линията да е по-нисък, за да не „сече“ панела */
.header-wrapper::after { z-index: 1 !important; }

/* опционално: по-изчистен скролбар (WebKit) */
.predictive-search__results *::-webkit-scrollbar { width: 8px; }
.predictive-search__results *::-webkit-scrollbar-thumb {
  background: #E0E3EA; border-radius: 8px;
}
/* === Predictive search: rollback overlay + stable dropdown === */

/* 0) Махни бекдропа, който рисуваше „черта“ през екрана */
.header .predictive-search__results::before { content: none !important; }

/* 1) Контейнерът да е референтен за абсолютна позиция */
.header .predictive-search,
.predictive-search { position: relative !important; }

/* 2) Панелът с резултати – точно под инпута, без transform/margins */
.predictive-search__results {
  position: absolute !important;
  left: 0; right: 0;
  top: calc(100% + 8px) !important;   /* малко „въздух“ под полето */
  transform: none !important;
  margin: 0 !important;
  z-index: 10050 !important;

  /* чист, неутрален вид (остави ако ти харесва) */
  background: #fff;
  border: 1px solid #E6E8EE;
  border-radius: 16px;
  box-shadow: 0 24px 60px rgba(0,0,0,.14);
  overflow: hidden;
}

/* 3) Скрол да е САМО вътре в панела (не рита цялата страница) */
.predictive-search__results .predictive-search__results-list,
.predictive-search__results .predictive-search__result-group {
  max-height: 60vh;
  overflow: auto;
}

/* 4) Без „черти“/outline-ове вътре */
.predictive-search__results,
.predictive-search__results * { outline: 0 !important; }

/* 5) Sticky линията на хедъра да е под панела */
.header-wrapper::after { z-index: 1 !important; }

/* 6) Ако по-рано сме заключвали скрол на body – отмени го */
.ps-open body { overflow: auto !important; }
/* === Predictive search: rollback overlay + stable dropdown === */

/* 0) Махни бекдропа, който рисуваше „черта“ през екрана */
.header .predictive-search__results::before { content: none !important; }

/* 1) Контейнерът да е референтен за абсолютна позиция */
.header .predictive-search,
.predictive-search { position: relative !important; }

/* 2) Панелът с резултати – точно под инпута, без transform/margins */
.predictive-search__results {
  position: absolute !important;
  left: 0; right: 0;
  top: calc(100% + 8px) !important;   /* малко „въздух“ под полето */
  transform: none !important;
  margin: 0 !important;
  z-index: 10050 !important;

  /* чист, неутрален вид (остави ако ти харесва) */
  background: #fff;
  border: 1px solid #E6E8EE;
  border-radius: 16px;
  box-shadow: 0 24px 60px rgba(0,0,0,.14);
  overflow: hidden;
}

/* 3) Скрол да е САМО вътре в панела (не рита цялата страница) */
.predictive-search__results .predictive-search__results-list,
.predictive-search__results .predictive-search__result-group {
  max-height: 60vh;
  overflow: auto;
}

/* 4) Без „черти“/outline-ове вътре */
.predictive-search__results,
.predictive-search__results * { outline: 0 !important; }

/* 5) Sticky линията на хедъра да е под панела */
.header-wrapper::after { z-index: 1 !important; }

/* 6) Ако по-рано сме заключвали скрол на body – отмени го */
.ps-open body { overflow: auto !important; }
/* === Predictive Search: затворен бял панел + вътрешен скрол, без „линии“ === */

/* контейнерът да служи за позициониране */
.header .predictive-search,
.predictive-search { position: relative !important; }

/* самият панел – плътно бял, със собствена рамка и сянка */
.header .predictive-search__results,
.predictive-search__results {
  position: absolute !important;
  top: calc(100% + 10px) !important;  /* малко въздух под полето */
  left: 0; right: 0;
  z-index: 10050 !important;

  background: #fff !important;        /* ключово: да НЕ прозира фона отдолу */
  border: 1px solid #E6E8EE !important;
  border-radius: 16px !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.14) !important;

  overflow: hidden !important;         /* скролът не „излиза“ навън */
  transform: none !important;
  margin: 0 !important;
}

/* скролира само вътре в списъка, не страницата */
.predictive-search__results .predictive-search__results-list,
.predictive-search__results .predictive-search__result-group {
  max-height: 60vh !important;
  overflow: auto !important;
  background: #fff !important;         /* и вътрешните секции да са бели */
}

/* премахни вътрешни разделителни линии, които „режат“ екрана */
.predictive-search__results hr,
.predictive-search__results [style*="border-top"],
.predictive-search__results .border-top,
.predictive-search__results .border { border: 0 !important; }

/* sticky линията на хедъра да е под панела */
.header-wrapper::after { z-index: 1 !important; }

/* (по избор) по-изчистен скролбар за панела */
.predictive-search__results *::-webkit-scrollbar { width: 8px; }
.predictive-search__results *::-webkit-scrollbar-thumb {
  background: #E0E3EA; border-radius: 8px;
}
/* === Predictive Search (точни селектори от твоя DOM) === */

/* 0) Контейнерът да е референтен за абсолютното позициониране */
predictive-search, .predictive-search { position: relative !important; }

/* 1) Панелът – плътен бял блок точно под полето */
predictive-search .predictive-search__results,
.predictive-search .predictive-search__results,
.header .predictive-search .predictive-search__results {
  position: absolute !important;
  top: calc(100% + 10px) !important;   /* въздух под инпута */
  left: 0; right: 0;
  z-index: 10050 !important;

  background: #fff !important;         /* непрозрачен – да не „реже“ фона */
  border: 1px solid #E6E8EE !important;
  border-radius: 16px !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.14) !important;
  overflow: hidden !important;

  transform: none !important;
  margin: 0 !important;
}

/* 2) Скрол да е САМО вътре в списъка */
predictive-search .predictive-search__results .predictive-search__results-list,
predictive-search .predictive-search__results .predictive-search__result-group,
.predictive-search .predictive-search__results .predictive-search__results-list,
.predictive-search .predictive-search__results .predictive-search__result-group {
  max-height: 60vh !important;
  overflow: auto !important;
  background: #fff !important;
}

/* 3) Премахни вътрешни разделители/бордери, които правят хоризонтална „черта“ */
.predictive-search__results hr,
.predictive-search__results [style*="border-top"],
.predictive-search__results .border-top,
.predictive-search__results .border { border: 0 !important; }

/* 4) Редовете – стабилен layout и четими отстъпи */
a.predictive-search__item.predictive-search__item--link-with-thumbnail.link.link--text {
  display: grid !important;
  grid-template-columns: 56px 1fr !important;
  grid-column-gap: 12px !important;
  align-items: center !important;

  padding: 10px 14px !important;
  text-decoration: none !important;
  color: inherit !important;
  width: 100% !important;
}
a.predictive-search__item.predictive-search__item--link-with-thumbnail.link.link--text:hover {
  background: #F7F8FB !important;
}

/* 5) Миниатюри – фиксиран размер, заоблени ъгли */
.predictive-search__item .predictive-search__image,
.predictive-search__image {
  width: 56px !important;
  height: 56px !important;
  object-fit: cover !important;
  border-radius: 10px !important;
}

/* 6) Sticky линията на хедъра да е под панела */
.header-wrapper::after { z-index: 1 !important; }
/* === Predictive Search items — фиксиран ред: снимка + инфо === */

a.predictive-search__item.predictive-search__item--link-with-thumbnail.link.link--text {
  display: grid !important;
  grid-template-columns: 56px 1fr !important;   /* снимка + инфо */
  gap: 12px !important;
  align-items: center !important;

  padding: 10px 14px !important;
  text-decoration: none !important;
  color: inherit !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

a.predictive-search__item.predictive-search__item--link-with-thumbnail.link.link--text:hover {
  background: #F7F8FB !important;
}

/* снимката */
.predictive-search__item .predictive-search__image,
.predictive-search__image {
  width: 56px !important;
  height: 56px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
}

/* текстовата част вътре (заглавие + цена) */
.predictive-search__item-heading {
  font-size: 14px !important;
  font-weight: 500 !important;
  margin: 0 0 4px 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.predictive-search__item .price {
  font-size: 13px !important;
  color: #555 !important;
  margin: 0 !important;
}
/* === Predictive Search — чист бял панел под полето, стабилен layout === */

/* 0) Контейнерът на полето да е референтен за позициониране */
.search-modal__form .field,
.header .search .field { position: relative !important; }

/* 1) Панелът с резултати – бял „card“ точно под полето */
.search-modal__content .predictive-search__results,
.header .predictive-search__results {
  position: absolute !important;
  top: calc(100% + 10px) !important;   /* въздух под инпута */
  left: 0; right: 0;
  z-index: 10050 !important;

  background: #fff !important;         /* ключово: непрозрачно */
  border: 1px solid #E6E8EE !important;
  border-radius: 16px !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.14) !important;
  overflow: hidden !important;

  transform: none !important;
  margin: 0 !important;
}

/* 2) Скролира само вътре в панела (не на страницата) */
.search-modal__content .predictive-search__results .predictive-search__results-list,
.search-modal__content .predictive-search__results .predictive-search__result-group,
.header .predictive-search__results .predictive-search__results-list,
.header .predictive-search__results .predictive-search__result-group {
  max-height: 60vh !important;
  overflow: auto !important;
  background: #fff !important;
}

/* 3) Премахни разделители/бордери, които „режат“ екрана */
.search-modal__content .predictive-search__results hr,
.search-modal__content .predictive-search__results [style*="border-top"],
.search-modal__content .predictive-search__results .border,
.header .predictive-search__results hr,
.header .predictive-search__results [style*="border-top"],
.header .predictive-search__results .border { border: 0 !important; }

/* 4) Елемент от списъка: снимка + инфо в една линия (заглавие + цена) */
a.predictive-search__item.predictive-search__item--link-with-thumbnail.link.link--text {
  display: grid !important;
  grid-template-columns: 56px 1fr auto !important;  /* thumb | title | price */
  gap: 12px !important;
  align-items: center !important;
  padding: 10px 14px !important;
  text-decoration: none !important;
  color: inherit !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
a.predictive-search__item.predictive-search__item--link-with-thumbnail.link.link--text:hover {
  background: #F7F8FB !important;
}

/* thumb */
.predictive-search__image { 
  width: 56px !important; height: 56px !important;
  object-fit: cover !important; border-radius: 8px !important;
}

/* title – нека не се чупи на много редове */
.predictive-search__item-heading {
  margin: 0 !important; font-size: 14px !important; font-weight: 600 !important;
  white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;
}

/* price – вдясно, на един ред */
a.predictive-search__item .price { 
  margin: 0 !important; font-size: 13px !important; color: #555 !important;
  white-space: nowrap !important;
}

/* 5) Sticky линията на хедъра да стои под панела */
.header-wrapper::after { z-index: 1 !important; }

/* 6) Махни стари overlay/бекдроп ефекти, които рисуват „черти“ */
.search-modal__content .predictive-search__results::before,
.header .predictive-search__results::before { content: none !important; }
/* 1) Винаги най-отгоре */
.search-modal,
.predictive-search,
.predictive-search__results,
.predictive-search__result-group,
#predictive-search {
  z-index: 9999 !important;
}

/* 2) Подравняване и размер на падащото меню */
#predictive-search {
  position: absolute !important;         /* ако е в header */
  left: 0;
  right: 0;
  margin: 0 auto;
  width: min(760px, 92vw);
}

.header__search .predictive-search {
  max-width: min(760px, 92vw);
  margin-inline: auto;
}

/* 3) Височина + скрол да не „избутва“ layout-а */
.predictive-search__results,
.predictive-search__result-group,
.predictive-search__results-list {
  max-height: min(70vh, 640px);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable both-edges;
}

/* 4) Фикс на припокриване с sticky/header/announcement bar */
.shopify-section-announcement,
.announcement-bar,
.header-wrapper,
.header-sticky {
  z-index: 5; /* достатъчно ниско, за да стои под търсенето */
}

/* 5) По-стегнати редове в резултатите */
.predictive-search__list-item,
.predictive-search__item {
  display: grid;
  grid-template-columns: 56px 1fr auto; /* thumb | текст | цена */
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
}

/* 6) Минимизиране на снимките */
.predictive-search__image,
.predictive-search__item .thumbnail,
.predictive-search__item .media {
  width: 56px !important;
  height: 56px !important;
  object-fit: cover;
  border-radius: 10px;
  overflow: hidden;
}

/* 7) Текст – да не „скача“ на нов ред без нужда */
.predictive-search__item-heading,
.predictive-search__item-content {
  line-height: 1.25;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 8) Цена – едноредово и вдясно */
.predictive-search__item .price,
.predictive-search__item .price-item {
  display: inline-block !important;
  white-space: nowrap;
  margin-left: 8px;
  vertical-align: middle;
}

/* ако виждаш дублирана цена от вариации, скрий вторичната: */
.predictive-search__item .price .price__sale,
.predictive-search__item .price .price__compare {
  opacity: .8;
}

/* 9) Визуален polish */
.predictive-search__results {
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  box-shadow: 0 20px 40px rgba(0,0,0,.12);
}

.predictive-search__list-item:hover {
  background: rgba(0,0,0,.035);
}
/* 1) Скрий predictive панела на самата страница /search */
.template-search .predictive-search,
.template-search #predictive-search,
.template-search .search-modal {
  display: none !important;
}

/* 2) Премахни двойния скрол – скрол да има само вътре в списъка */
.predictive-search { overflow: visible !important; }
.predictive-search__results,
.predictive-search__results-list,
.predictive-search__result-group {
  max-height: min(70vh, 640px);
  overflow: auto !important;
  -webkit-overflow-scrolling: touch;
}

/* 3) Z-index над шапката/банера */
.predictive-search,
#predictive-search,
.predictive-search__results { z-index: 9999 !important; }

/* 4) Подравняване и ширина (по желание) */
#predictive-search {
  position: absolute !important;
  left: 0; right: 0; margin: 0 auto;
  width: min(760px, 92vw);
}

/* 5) Ред в резултат – снимка | текст | цена */
.predictive-search__item,
.predictive-search__list-item {
  display: grid;
  grid-template-columns: 56px 1fr auto;
  gap: 12px;
  align-items: center;
}
.predictive-search__item .price,
.predictive-search__item .price-item {
  white-space: nowrap; display: inline-block !important;
}
/* ===== SENSE – Predictive Search Fix (put at the END of base.css) ===== */

/* 0) На /search показваме само истинските резултати */
body[class*="template-search"] #predictive-search,
body[class*="template-search"] .predictive-search,
body[class*="template-search"] .search-modal {
  display: none !important;
}

/* 1) Винаги отгоре */
#predictive-search,
.predictive-search,
.search-modal,
.predictive-search__results {
  z-index: 9999 !important;
}

/* 2) Правилен контейнер и ширина */
#predictive-search {
  position: absolute !important;   /* ако е в хедъра */
  left: 0; right: 0;
  margin: 0 auto;
  width: min(760px, 92vw);
}

/* 3) Само вътрешният списък да има скрол (без двоен скрол на страницата) */
.predictive-search { overflow: visible !important; }
.predictive-search__results,
.predictive-search__results-list,
.predictive-search__result-group {
  max-height: min(70vh, 640px) !important;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch;
}

/* 4) Подреждане: миниатюра | текст | цена */
.predictive-search__item,
.predictive-search__list-item {
  display: grid !important;
  grid-template-columns: 56px 1fr auto !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 10px 14px !important;
}

/* 5) Миниатюра */
.predictive-search__image,
.predictive-search__item .thumbnail,
.predictive-search__item .media {
  width: 56px !important;
  height: 56px !important;
  object-fit: cover !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}

/* 6) Текст и цена – без чупене */
.predictive-search__item-heading,
.predictive-search__item-content {
  line-height: 1.25 !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.predictive-search__item .price,
.predictive-search__item .price-item {
  display: inline-block !important;
  white-space: nowrap !important;
  margin-left: 8px !important;
  vertical-align: middle !important;
}

/* 7) Визуален polish */
.predictive-search__results {
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 16px !important;
  box-shadow: 0 20px 40px rgba(0,0,0,.12) !important;
}
.predictive-search__list-item:hover { background: rgba(0,0,0,.035) !important; }

/* 8) Ако имаш sticky/announcement bar – дръж го под търсенето */
.shopify-section-announcement,
.announcement-bar,
.header-wrapper,
.header-sticky { z-index: 5 !important; }

/* 9) Мобилен drawer */
@media (max-width: 989px) {
  .search-modal__content,
  .predictive-search {
    position: fixed !important;
    top: var(--header-height, 64px);
    left: 0; right: 0;
    width: 100vw !important;
    max-width: 100vw !important;
    border-radius: 0 !important;
  }
}
/* ===== HARD OFF: Predictive Search (Sense) ===== */

/* убива ВСИЧКИ варианти на predictive drawer / modal / list */
#predictive-search,
.predictive-search,
.search-modal,
.predictive-search__results,
.predictive-search__wrapper,
[data-predictive-search],
details.search-modal,
dialog.search-modal,
.modal--search,
.drawer--search {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
}

/* ако темата отваря <details open> или <dialog open> за търсене */
.search-modal[open],
.drawer--search[open],
dialog.search-modal[open],
details.search-modal[open] {
  display: none !important;
}

/* някои теми „заключват“ скрола на body при отворено търсене — отключваме */
html.is-locked,
body.is-locked,
body.search-open,
body.modal-open {
  overflow: auto !important;
  position: static !important;
}

/* премахва остатъчни z-index/слоеве от обвивки на търсене */
.header__search-overlay,
.search-overlay,
.search-underlay {
  display: none !important;
}

/* безопасни хедър нива, за да не се реже банер/хедър след промяната */
.shopify-section-announcement,
.announcement-bar,
.header-wrapper,
.header-sticky {
  z-index: 10 !important;
}
/* ===== Keep search UI, hide ONLY predictive dropdown ===== */

/* покажи формата/модала/дроуъра за търсене */
.search-modal,
.drawer--search,
.header__search,
.search__form,
.search__input,
.search__input-wrapper {
  display: revert !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  height: auto !important;
  max-height: none !important;
}

/* скрий само списъка с предиктивни резултати */
#predictive-search,
.predictive-search,
.predictive-search__results,
.predictive-search__results-list,
.predictive-search__result-group,
.predictive-search__loading-state,
.predictive-search__empty-state {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
}

/* ако темата заключва скрола при отворено търсене – отключи само ако е заключен */
html.is-locked, body.is-locked {
  overflow: auto !important;
  position: static !important;
}

/* безопасен z-index за хедъра/банера */
.shopify-section-announcement,
.announcement-bar,
.header-wrapper,
.header-sticky { z-index: 10 !important; }
/* ===== PREDICTIVE SEARCH – clean modal list (Sense) ===== */

/* 0) Включи обратно predictive елементите */
#predictive-search,
.predictive-search,
.predictive-search__wrapper,
.predictive-search__results {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* 1) Панелът да е над всичко */
#predictive-search,
.predictive-search,
.predictive-search__results {
  z-index: 9999 !important;
}

/* 2) Контейнер – центриран, широк, с меки ъгли и сянка */
.predictive-search__results {
  position: relative;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  box-shadow: 0 24px 48px rgba(0,0,0,.18);
  width: min(980px, 96vw);
  margin: 10px auto 0;   /* пада веднага под полето */
  overflow: hidden;      /* за да не „излиза“ нищо от радиуса */
}

/* 3) Списъкът вътре – ограничена височина + скрол */
.predictive-search__results-list,
.predictive-search__result-group {
  max-height: min(60vh, 560px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable both-edges;
}

/* 4) Заглавие на групата „Продукти“ */
.predictive-search__heading {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(0,0,0,.55);
  padding: 10px 16px 6px;
  border-bottom: 1px solid rgba(0,0,0,.06);
}

/* 5) Ред – миниатюра | текст | цена (както на скрийна) */
.predictive-search__item,
.predictive-search__list-item {
  display: grid !important;
  grid-template-columns: 40px 1fr auto !important;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
}

.predictive-search__list-item + .predictive-search__list-item {
  border-top: 1px solid rgba(0,0,0,.06);
}

.predictive-search__list-item:hover {
  background: rgba(0,0,0,.035);
}

/* 6) Миниатюра */
.predictive-search__image,
.predictive-search__item .thumbnail,
.predictive-search__item .media {
  width: 40px !important;
  height: 40px !important;
  object-fit: cover !important;
  border-radius: 8px;
  overflow: hidden;
}

/* 7) Текст */
.predictive-search__item-heading,
.predictive-search__item-content {
  font-size: 15px;
  line-height: 1.35;
  color: #111;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

/* 8) Цена – текуща и стара (зачеркната) вдясно */
.predictive-search__item .price,
.predictive-search__item .price-item {
  display: inline-block !important;
  white-space: nowrap;
}

.predictive-search__item .price-item--regular,
.predictive-search__item .price__sale .price-item--sale {
  font-weight: 600;
  color: #111;
}

.predictive-search__item .price__compare,
.predictive-search__item .price-item--compare {
  margin-right: 8px;
  color: rgba(0,0,0,.55);
  text-decoration: line-through;
  font-weight: 500;
}

/* 9) Скролбар (лек) */
.predictive-search__results-list::-webkit-scrollbar { width: 10px; }
.predictive-search__results-list::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,.18);
  border-radius: 10px;
}
.predictive-search__results-list::-webkit-scrollbar-track {
  background: transparent;
}

/* 10) Без да режем/припокриваме банер/хедър */
.shopify-section-announcement,
.announcement-bar,
.header-wrapper,
.header-sticky { z-index: 10 !important; }

/* 11) При малки екрани – панелът да е full width под полето */
@media (max-width: 989px) {
  .predictive-search__results {
    width: calc(100vw - 24px);
    margin-inline: 12px;
    border-radius: 12px;
  }
}
/* ===== UNBLOCK + STYLE Predictive Search (Sense) ===== */

/* 0) Включи ВСИЧКИ елементи на predictive независимо от стари правила */
#predictive-search,
#predictive-search-results,
[id*="predictive-search"],
[role="listbox"][id*="predictive"],
.predictive-search,
.predictive-search__wrapper,
.predictive-search__results,
.predictive-search__results-list,
.predictive-search__result-group,
.predictive-search__list,
.predictive-search__loading-state,
.predictive-search__empty-state {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 9999 !important;
}

/* ако нещо е скрито с [hidden] атрибут */
#predictive-search[hidden],
[id*="predictive-search"][hidden],
[role="listbox"][id*="predictive"][hidden] {
  display: block !important;
}

/* 1) Контейнер под полето – ширина, фон, сянка */
.predictive-search__results {
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 14px !important;
  box-shadow: 0 24px 48px rgba(0,0,0,.18) !important;
  width: min(980px, 96vw) !important;
  margin: 10px auto 0 !important;
  overflow: hidden !important;
}

/* 2) Вътрешният списък – ограничена височина + скрол */
.predictive-search__results-list,
.predictive-search__result-group {
  max-height: min(60vh, 560px) !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

/* 3) Ред: снимка | заглавие | цена */
.predictive-search__item,
.predictive-search__list-item {
  display: grid !important;
  grid-template-columns: 40px 1fr auto !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 12px 16px !important;
  border-top: 1px solid rgba(0,0,0,.06) !important;
}
.predictive-search__list-item:first-child { border-top: 0 !important; }
.predictive-search__list-item:hover { background: rgba(0,0,0,.035) !important; }

/* 4) Миниатюра */
.predictive-search__image,
.predictive-search__item .thumbnail,
.predictive-search__item .media {
  width: 40px !important;
  height: 40px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

/* 5) Текст и цена */
.predictive-search__item-heading { font-size: 15px !important; line-height: 1.35 !important; }
.predictive-search__item .price,
.predictive-search__item .price-item { white-space: nowrap !important; display: inline-block !important; }
.predictive-search__item .price-item--compare,
.predictive-search__item .price__compare { text-decoration: line-through !important; color: rgba(0,0,0,.55) !important; margin-right: 8px !important; }

/* 6) Без заключен скрол от предишни правила */
html.is-locked, body.is-locked, body.search-open, body.modal-open {
  overflow: auto !important;
  position: static !important;
}

/* 7) Мобилно – full width */
@media (max-width: 989px) {
  .predictive-search__results {
    width: calc(100vw - 24px) !important;
    margin-inline: 12px !important;
    border-radius: 12px !important;
  }
}
/* === PREDICTIVE: FULL-WIDTH UNDER HEADER, NO CLIPPING === */

/* 0) НИКОЙ родител да не клипва падащото меню */
.header,
.header-wrapper,
.site-header,
.shopify-section-header,
.shopify-section,
#shopify-section-header {
  overflow: visible !important;
}

/* 1) Панелът – фиксиран под хедъра, на цяла ширина */
#predictive-search,
.predictive-search,
.predictive-search__results {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  width: 100vw !important;
  margin: 0 !important;
  z-index: 9999 !important;
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 14px !important;
  box-shadow: 0 24px 48px rgba(0,0,0,.18) !important;
  /* височина/скрол вътре */
  max-height: min(70vh, 620px) !important;
  overflow: hidden !important;
}

/* 2) Позиция спрямо хедъра/банера (настрой ако трябва) */
#predictive-search,
.predictive-search,
.predictive-search__results {
  /* ако имаш announcement bar, увеличи 64px -> 88px примерно */
  top: calc(var(--header-height, 64px) + var(--announcement-height, 0px) + 8px) !important;
}

/* 3) Списъкът вътре да скролва, не страницата */
.predictive-search__results-list,
.predictive-search__result-group {
  max-height: calc(min(70vh, 620px) - 2px) !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-gutter: stable both-edges;
}

/* 4) Редовете – миниатюра | текст | цена (чист вид) */
.predictive-search__item,
.predictive-search__list-item {
  display: grid !important;
  grid-template-columns: 44px 1fr auto !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 12px 16px !important;
  border-top: 1px solid rgba(0,0,0,.06) !important;
}
.predictive-search__list-item:first-child { border-top: 0 !important; }
.predictive-search__list-item:hover { background: rgba(0,0,0,.035) !important; }

.predictive-search__image,
.predictive-search__item .thumbnail,
.predictive-search__item .media {
  width: 44px !important;
  height: 44px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

.predictive-search__item-heading { font-size: 15px !important; line-height: 1.35 !important; }
.predictive-search__item .price,
.predictive-search__item .price-item { display: inline-block !important; white-space: nowrap !important; }
.predictive-search__item .price-item--compare,
.predictive-search__item .price__compare { text-decoration: line-through !important; color: rgba(0,0,0,.55) !important; margin-right: 8px !important; }

/* 5) Мобилно – леко омекотяване и малко отстояние от ръбовете */
@media (max-width: 989px) {
  #predictive-search,
  .predictive-search,
  .predictive-search__results {
    width: calc(100vw - 16px) !important;
    left: 8px !important;
    right: 8px !important;
    border-radius: 12px !important;
  }
}
/* === RESET: махни покриването на страницата === */
.predictive-search,
.predictive-search__wrapper {
  position: static !important;
  height: auto !important;
  background: transparent !important;
  pointer-events: none !important;   /* самият wrapper да не блокира нищо */
  overflow: visible !important;
  z-index: auto !important;
}

/* родителят на полето за търсене да може да „извади“ менюто */
.search, .search-modal, .search__form, .search .field, .search .field__input-wrapper,
.header, .header-wrapper, .site-header {
  position: relative !important;
  overflow: visible !important;
}

/* === ПАДАЩО МЕНЮ: закрепено под полето === */
.predictive-search__results {
  position: absolute !important;
  top: calc(100% + 8px) !important;   /* точно под полето */
  left: 0 !important;
  right: 0 !important;
  width: min(980px, 96vw) !important;
  margin: 0 auto !important;

  background: #fff !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 14px !important;
  box-shadow: 0 24px 48px rgba(0,0,0,.18) !important;

  max-height: min(60vh, 560px) !important;  /* скрол вътре, не върху страницата */
  overflow: hidden !important;
  z-index: 9999 !important;
  pointer-events: auto !important;          /* кликаемо е само менюто */
}

/* вътрешният списък да скролва */
.predictive-search__results-list,
.predictive-search__result-group {
  max-height: calc(min(60vh, 560px) - 2px) !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

/* Ред: миниатюра | текст | цена */
.predictive-search__item,
.predictive-search__list-item {
  display: grid !important;
  grid-template-columns: 44px 1fr auto !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 12px 16px !important;
  border-top: 1px solid rgba(0,0,0,.06) !important;
}
.predictive-search__list-item:first-child { border-top: 0 !important; }
.predictive-search__list-item:hover { background: rgba(0,0,0,.035) !important; }

/* Миниатюра */
.predictive-search__image,
.predictive-search__item .thumbnail,
.predictive-search__item .media {
  width: 44px !important;
  height: 44px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
}

/* Текст/цена */
.predictive-search__item-heading { font-size: 15px !important; line-height: 1.35 !important; }
.predictive-search__item .price,
.predictive-search__item .price-item { display: inline-block !important; white-space: nowrap !important; }
.predictive-search__item .price-item--compare,
.predictive-search__item .price__compare { text-decoration: line-through !important; color: rgba(0,0,0,.55) !important; margin-right: 8px !important; }

/* За всеки случай – не заключвай скрола на страницата */
html.is-locked, body.is-locked, body.search-open, body.modal-open {
  overflow: auto !important;
  position: static !important;
}
/* === PREDICTIVE: force-show items + restore interactions === */

/* 1) Позволи кликове навсякъде в панела */
.predictive-search,
.predictive-search__wrapper,
.predictive-search__results {
  pointer-events: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* 2) Нищо вътре да не е скрито с [hidden] или стари правила */
.predictive-search__results [hidden] {
  display: block !important;
}

/* 3) Показвай самите редове + линковете им */
.predictive-search__list-item,
.predictive-search__item,
.predictive-search__item-link,
.predictive-search__item a {
  display: grid !important;          /* редът да е видим */
  grid-template-columns: 44px 1fr auto !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 12px 16px !important;
  border-top: 1px solid rgba(0,0,0,.06) !important;

  opacity: 1 !important;
  visibility: visible !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

/* махни бордъра на първия ред */
.predictive-search__list-item:first-child,
.predictive-search__item:first-child {
  border-top: 0 !important;
}

/* 4) Миниатюра – да се вижда */
.predictive-search__image,
.predictive-search__item .thumbnail,
.predictive-search__item .media,
.predictive-search__image img {
  display: block !important;
  width: 44px !important;
  height: 44px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* 5) Текст и цена – покажи, без да се свиват */
.predictive-search__item-heading,
.predictive-search__text,
.predictive-search__item-content {
  display: block !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  color: #111 !important;
  opacity: 1 !important;
  visibility: visible !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.predictive-search__item .price,
.predictive-search__item .price-item,
.predictive-search__price {
  display: inline-block !important;
  white-space: nowrap !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.predictive-search__item .price-item--compare,
.predictive-search__item .price__compare {
  text-decoration: line-through !important;
  color: rgba(0,0,0,.55) !important;
  margin-right: 8px !important;
}

/* 6) Hover */
.predictive-search__list-item:hover,
.predictive-search__item:hover {
  background: rgba(0,0,0,.035) !important;
}

/* 7) Увери се, че списъкът скролва (ако е ограничен на височина) */
.predictive-search__results-list,
.predictive-search__result-group {
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
/* ===== PREDICTIVE RESET: покажи елементите и редовете ===== */

/* Контейнерите да са видими и кликаеми */
.predictive-search,
.predictive-search__wrapper,
.predictive-search__results {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* НИКОЙ вътрешен елемент да не е скрит/свит */
.predictive-search__results *,
.predictive-search * {
  opacity: 1 !important;
  visibility: visible !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

/* Върни списъците и елементите им */
.predictive-search__results-list,
.predictive-search__result-group,
.predictive-search__list,
[role="listbox"],
.predictive-search__list-item,
.predictive-search__item,
.predictive-search__item-link,
.predictive-search__item a {
  display: block !important;
}

/* Ред – миниатюра | текст | цена */
.predictive-search__list-item,
.predictive-search__item {
  display: grid !important;
  grid-template-columns: 44px 1fr auto !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 12px 16px !important;
  border-top: 1px solid rgba(0,0,0,.06) !important;
  background: #fff !important;
  color: #111 !important;
}
.predictive-search__list-item:first-child,
.predictive-search__item:first-child { border-top: 0 !important; }
.predictive-search__list-item:hover,
.predictive-search__item:hover { background: rgba(0,0,0,.035) !important; }

/* Миниатюрата да е видима и със стабилен размер */
.predictive-search__image,
.predictive-search__item .thumbnail,
.predictive-search__item .media,
.predictive-search__image img {
  display: block !important;
  width: 44px !important;
  height: 44px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
}

/* Текст и цена */
.predictive-search__item-heading,
.predictive-search__text { 
  font-size: 15px !important; 
  line-height: 1.35 !important; 
  color: #111 !important; 
  white-space: normal !important;
  overflow: hidden !important; 
  text-overflow: ellipsis !important;
}
.predictive-search__item .price,
.predictive-search__item .price-item { 
  display: inline-block !important; 
  white-space: nowrap !important; 
}
.predictive-search__item .price-item--compare,
.predictive-search__item .price__compare { 
  text-decoration: line-through !important; 
  color: rgba(0,0,0,.55) !important; 
  margin-right: 8px !important; 
}

/* Списъкът вътре да скролва (ако е ограничен) */
.predictive-search__results-list,
.predictive-search__result-group {
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

/* Ако някъде стои [hidden] – игнорирай го (освен за status елементи) */
.predictive-search__results [hidden]:not([role="status"]) {
  display: block !important;
}
/* TEMP FIX – покажи елементите в predictive list без да чупиш лейаута */
[role="listbox"] {
  display: block !important;
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 14px !important;
  box-shadow: 0 24px 48px rgba(0,0,0,.18) !important;
  max-height: min(60vh, 560px) !important;
  overflow-y: auto !important;
  z-index: 9999 !important;
}

[role="listbox"] [hidden] { display: block !important; }

[role="listbox"] [role="option"],
[role="listbox"] li,
[role="listbox"] a {
  display: grid !important;
  grid-template-columns: 44px 1fr auto !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 12px 16px !important;
  border-top: 1px solid rgba(0,0,0,.06) !important;
  opacity: 1 !important;
  visibility: visible !important;
  height: auto !important;
  pointer-events: auto !important;
}

[role="listbox"] li:first-child,
[role="listbox"] [role="option"]:first-child { border-top: 0 !important; }

[role="listbox"] img {
  width: 44px !important;
  height: 44px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
  display: block !important;
}

[role="listbox"] .price,
[role="listbox"] .price-item { display: inline-block !important; white-space: nowrap !important; }
[role="listbox"] .price-item--compare,
[role="listbox"] .price__compare { text-decoration: line-through !important; color: rgba(0,0,0,.55) !important; margin-right: 8px !important; }
/* ===== SENSE PREDICTIVE – RESET + LAYOUT (drop under input) ===== */

/* 0) Родителите не трябва да клипват падащото меню */
.header, .header-wrapper, .site-header,
.search, .search-modal, .search__form, .search .field, .search .field__input-wrapper {
  position: relative !important;
  overflow: visible !important;
}

/* 1) Включи отново всички възможни predictive контейнери */
#predictive-search,
[id*="predictive-search"],
.predictive-search,
.predictive-search__wrapper,
.predictive-search__results,
[role="listbox"] {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  position: static !important;
  z-index: auto !important;
}

/* игнорирай нежелани [hidden] вътре (без aria-live/status) */
[role="listbox"] [hidden]:not([role="status"]):not([aria-live]) {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* 2) Самият панел – позициониран абсолютно под полето */
.predictive-search__results,
[role="listbox"][id*="predictive"] {
  position: absolute !important;
  top: calc(100% + 8px) !important;           /* точно под инпута */
  left: 0 !important;
  right: 0 !important;
  width: min(980px, 96vw) !important;
  margin: 0 auto !important;

  background: #fff !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 14px !important;
  box-shadow: 0 24px 48px rgba(0,0,0,.18) !important;
  z-index: 9999 !important;

  overflow: hidden !important;
}

/* вътрешният списък да скролва, не страницата */
.predictive-search__results-list,
.predictive-search__result-group,
[role="listbox"] {
  max-height: min(60vh, 560px) !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-gutter: stable both-edges;
}

/* 3) Ред – миниатюра | текст | цена */
.predictive-search__list-item,
.predictive-search__item,
[role="listbox"] [role="option"],
[role="listbox"] li,
[role="listbox"] a {
  display: grid !important;
  grid-template-columns: 44px 1fr auto !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 12px 16px !important;
  border-top: 1px solid rgba(0,0,0,.06) !important;

  opacity: 1 !important;
  visibility: visible !important;
  height: auto !important;
  pointer-events: auto !important;
  background: #fff !important;
  color: #111 !important;
}
.predictive-search__list-item:first-child,
.predictive-search__item:first-child,
[role="listbox"] :is([role="option"],li,a):first-child {
  border-top: 0 !important;
}
.predictive-search__list-item:hover,
.predictive-search__item:hover,
[role="listbox"] :is([role="option"],li,a):hover {
  background: rgba(0,0,0,.035) !important;
}

/* 4) Миниатюра */
.predictive-search__image,
.predictive-search__item .thumbnail,
.predictive-search__item .media,
[role="listbox"] img {
  display: block !important;
  width: 44px !important;
  height: 44px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
}

/* 5) Текст/заглавие и цена вдясно */
.predictive-search__item-heading,
.predictive-search__text,
[role="listbox"] .title,
[role="listbox"] .product-title {
  font-size: 15px !important;
  line-height: 1.35 !important;
  color: #111 !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.predictive-search__item .price,
.predictive-search__item .price-item,
[role="listbox"] .price,
[role="listbox"] .price-item {
  display: inline-block !important;
  white-space: nowrap !important;
  font-weight: 600;
}
.predictive-search__item .price-item--compare,
.predictive-search__item .price__compare,
[role="listbox"] .price--compare,
[role="listbox"] .compare-at-price {
  text-decoration: line-through !important;
  color: rgba(0,0,0,.55) !important;
  margin-right: 8px !important;
}

/* 6) Нищо да не „заключва“ скрола на страницата */
html.is-locked, body.is-locked, body.search-open, body.modal-open { 
  overflow: auto !important; 
  position: static !important; 
}

/* 7) Мобилно – малко отстояние от ръбовете */
@media (max-width: 989px) {
  .predictive-search__results,
  [role="listbox"][id*="predictive"] {
    width: calc(100vw - 16px) !important;
    left: 8px !important;
    right: 8px !important;
    border-radius: 12px !important;
  }
}
/* === FORCE OPEN predictive, когато търсачката е фокусирана === */

/* хедър/форма да е референтен контейнер */
.header, .header-wrapper, .site-header,
.search, .search-modal, .search__form, .search .field {
  position: relative !important;
  overflow: visible !important;
}

/* по подразбиране – скрито само визуално (ако темата го крие) */
#predictive-search,
[id*="predictive-search"],
.predictive-search,
.predictive-search__results,
[role="listbox"] {
  display: none !important;
}

/* ПОКАЖИ при фокус в полето за търсене (или отворен модал) */
.header:focus-within  #predictive-search,
.header:focus-within  .predictive-search,
.header:focus-within  .predictive-search__results,
.header:focus-within  [role="listbox"],
.header-wrapper:focus-within  #predictive-search,
.header-wrapper:focus-within  .predictive-search,
.header-wrapper:focus-within  .predictive-search__results,
.header-wrapper:focus-within  [role="listbox"],
.search:focus-within  #predictive-search,
.search:focus-within  .predictive-search,
.search:focus-within  .predictive-search__results,
.search:focus-within  [role="listbox"],
.search-modal[open]  #predictive-search,
.search-modal[open]  .predictive-search,
.search-modal[open]  .predictive-search__results,
.search-modal[open]  [role="listbox"] {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* отменя aria-hidden/hidden от темата */
[id*="predictive"][aria-hidden="true"],
[role="listbox"][hidden] { 
  display: block !important; 
  opacity: 1 !important; 
  visibility: visible !important; 
}

/* ПАДАЩИЯТ ПАНЕЛ – позиция под инпута, ширина и слой */
.predictive-search__results,
[role="listbox"][id*="predictive"],
#predictive-search {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important; right: 0 !important;
  width: min(980px, 96vw) !important;
  margin: 0 auto !important;
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 14px !important;
  box-shadow: 0 24px 48px rgba(0,0,0,.18) !important;
  z-index: 9999 !important;
  overflow: hidden !important;
}

/* Списъкът вътре да скролва */
.predictive-search__results-list,
.predictive-search__result-group,
[role="listbox"] {
  max-height: min(60vh, 560px) !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

/* Редовете: миниатюра | текст | цена */
[role="listbox"] :is(li, a, [role="option"]),
.predictive-search__list-item,
.predictive-search__item {
  display: grid !important;
  grid-template-columns: 44px 1fr auto !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 12px 16px !important;
  border-top: 1px solid rgba(0,0,0,.06) !important;
  background: #fff !important;
}
[role="listbox"] :is(li, a, [role="option"]):first-child,
.predictive-search__list-item:first-child { border-top: 0 !important; }

/* Снимка + цена */
[role="listbox"] img,
.predictive-search__image, .predictive-search__item .thumbnail {
  width: 44px !important; height: 44px !important; object-fit: cover !important; border-radius: 8px !important; display:block !important;
}
[role="listbox"] .price, .predictive-search__item .price { white-space: nowrap !important; display: inline-block !important; }
[role="listbox"] .compare-at-price, .predictive-search__item .price-item--compare { text-decoration: line-through !important; color: rgba(0,0,0,.55) !important; margin-right: 8px !important; }
/* ========= PREDICTIVE: CLEAN RESET TO THEME BEHAVIOR ========= */

/* 0) Родители да не клипват менюто */
.header, .header-wrapper, .site-header,
.search, .search-modal, .search__form, .search .field, .search .field__input-wrapper {
  overflow: visible !important;
}

/* 1) НУЛИРАЙ ВСИЧКИ предишни force-правила (остави темата да управлява) */
#predictive-search,
[id*="predictive-search"],
.predictive-search,
.predictive-search__wrapper,
.predictive-search__results,
[role="listbox"] {
  display: revert !important;
  opacity: revert !important;
  visibility: revert !important;
  pointer-events: revert !important;
  position: revert !important;
  top: revert !important; left: revert !important; right: revert !important; bottom: revert !important;
  width: revert !important; height: revert !important; max-height: revert !important; margin: revert !important;
  background: revert !important; border: revert !important; border-radius: revert !important; box-shadow: revert !important;
  z-index: revert !important;
}

/* 2) Ако нещо е скрито с [hidden]/aria-hidden — позволи на темата да го показва;
      но НЕ го насилвай да е видимо (няма force display:block). */
[role="listbox"] [hidden] { display: revert !important; }

/* 3) Безопасни вътрешни стилове (НЕ променят позиция/показване) */
.predictive-search__results-list,
.predictive-search__result-group {
  /* само ако е отворено от темата, ще има скрол вътре */
  max-height: 60vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.predictive-search__list-item,
.predictive-search__item {
  display: grid;
  grid-template-columns: 44px 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 12px 16px;
  border-top: 1px solid rgba(0,0,0,.06);
}
.predictive-search__list-item:first-child,
.predictive-search__item:first-child { border-top: 0; }

.predictive-search__image,
.predictive-search__item .thumbnail,
.predictive-search__item .media {
  width: 44px; height: 44px; object-fit: cover; border-radius: 8px; display: block;
}

.predictive-search__item-heading { font-size: 15px; line-height: 1.35; }
.predictive-search__item .price,
.predictive-search__item .price-item { white-space: nowrap; display: inline-block; }
.predictive-search__item .price-item--compare,
.predictive-search__item .price__compare { text-decoration: line-through; color: rgba(0,0,0,.55); margin-right: 8px; }
/* === FIX: SUGGESTIONS (queries) да са едноредови === */

/* родителите на suggestions — покрий и двата варианта на Sense */
ul[id*="predictive-search-results-queries-list"],
.predictive-search-queries,
.predictive-search__results-queries,
.predictive-search__results-queries-list {
  /* нищо специално тук – просто селектор-обхват */
}

/* самият ред в suggestions */
ul[id*="predictive-search-results-queries-list"] .predictive-search__item,
.predictive-search-queries .predictive-search__item,
.predictive-search__results-queries .predictive-search__item,
.predictive-search__results-queries-list .predictive-search__item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 16px !important;
  border-top: 1px solid rgba(0,0,0,.06) !important;

  /* изключи „вертикалното“ поведение */
  writing-mode: horizontal-tb !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* първият suggestion без горна линия */
ul[id*="predictive-search-results-queries-list"] .predictive-search__item:first-child,
.predictive-search-queries .predictive-search__item:first-child { border-top: 0 !important; }

/* текстът вътре да заема място и да не се стеснява */
ul[id*="predictive-search-results-queries-list"] .predictive-search__item * {
  max-width: 100% !important;
  flex: 0 1 auto !important;
}

/* hover */
ul[id*="predictive-search-results-queries-list"] .predictive-search__item:hover,
.predictive-search-queries .predictive-search__item:hover {
  background: rgba(0,0,0,.035) !important;
}

/* === Остави продуктовите редове тройна колона (thumb | text | price) === */
ul[id*="predictive-search-results-products-list"] .predictive-search__item,
.predictive-search__results-products .predictive-search__item {
  display: grid !important;
  grid-template-columns: 44px 1fr auto !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 12px 16px !important;
}
ul[id*="predictive-search-results-products-list"] .predictive-search__item .thumbnail,
ul[id*="predictive-search-results-products-list"] .predictive-search__item .media {
  width: 44px !important; height: 44px !important; object-fit: cover !important; border-radius: 8px !important;
}
ul[id*="predictive-search-results-products-list"] .predictive-search__item .price,
ul[id*="predictive-search-results-products-list"] .predictive-search__item .price-item {
  display: inline-block !important; white-space: nowrap !important;
}
/* ===== FIX SUGGESTIONS (queries) – no grid, single-line text ===== */

/* контейнерът на предложенията */
ul[id*="predictive-search-results-queries-list"],
.predictive-search__results-queries,
.predictive-search-queries {
  /* само обхват */
}

/* редовете в SUGGESTIONS да НЕ са grid */
ul[id*="predictive-search-results-queries-list"] .predictive-search__item,
ul[id*="predictive-search-results-queries-list"] li,
ul[id*="predictive-search-results-queries-list"] a,
.predictive-search__results-queries .predictive-search__item,
.predictive-search-queries .predictive-search__item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 16px !important;
  border-top: 1px solid rgba(0,0,0,.06) !important;

  /* отмени всякакъв grid от по-горни правила */
  grid-template-columns: none !important;
  grid-auto-flow: unset !important;
}

/* текстът вътре – нормална хоризонтална подредба */
ul[id*="predictive-search-results-queries-list"] .predictive-search__item *,
.predictive-search__results-queries .predictive-search__item * {
  writing-mode: horizontal-tb !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
}

/* първият ред без линия; hover за фийдбек */
ul[id*="predictive-search-results-queries-list"] .predictive-search__item:first-child { border-top: 0 !important; }
ul[id*="predictive-search-results-queries-list"] .predictive-search__item:hover { background: rgba(0,0,0,.035) !important; }

/* оставяме ПРОДУКТИ да са grid: thumb | title | price */
ul[id*="predictive-search-results-products-list"] .predictive-search__item {
  display: grid !important;
  grid-template-columns: 44px 1fr auto !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 12px 16px !important;
}
ul[id*="predictive-search-results-products-list"] .predictive-search__item .thumbnail,
ul[id*="predictive-search-results-products-list"] .predictive-search__item .media {
  width: 44px !important; height: 44px !important; object-fit: cover !important; border-radius: 8px !important;
}
ul[id*="predictive-search-results-products-list"] .predictive-search__item .price,
ul[id*="predictive-search-results-products-list"] .predictive-search__item .price-item {
  display: inline-block !important; white-space: nowrap !important;
}
/* =========================
   PREDICTIVE SEARCH — EXACT FIX (Sense)
   Спрямо твоя DOM от #predictive-search-results
   ========================= */

/* 1) SUGGESTIONS (заявки) — едноредово, без grid/стягане */
#predictive-search-results-queries-list .predictive-search__list-item {
  /* редът сам по себе си да не е grid */
  display: block !important;
  border-top: 1px solid rgba(0,0,0,.06);
  padding: 0 !important;
}
#predictive-search-results-queries-list .predictive-search__list-item:first-child {
  border-top: 0 !important;
}

#predictive-search-results-queries-list .predictive-search__item {
  /* линкът вътре да е хоризонтален ред */
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 16px !important;

  /* отмени всякакъв grid от по-горни правила */
  grid-template-columns: none !important;
  grid-auto-flow: unset !important;
}

#predictive-search-results-queries-list
  .predictive-search__item-content,
#predictive-search-results-queries-list
  .predictive-search__item-content--centered {
  display: block !important;
  flex: 1 1 auto !important;
  text-align: left !important;
}

#predictive-search-results-queries-list
  .predictive-search__item-heading {
  display: block !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  writing-mode: horizontal-tb !important;   /* за всеки случай */
}

/* hover feedback за suggestions */
#predictive-search-results-queries-list .predictive-search__item:hover {
  background: rgba(0,0,0,.035) !important;
}

/* 2) PRODUCTS — grid: thumb (50px) | текст/цена */
#predictive-search-results-products-list .predictive-search__list-item {
  display: grid !important;
  grid-template-columns: 50px 1fr !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 16px !important;
  border-top: 1px solid rgba(0,0,0,.06) !important;
}
#predictive-search-results-products-list .predictive-search__list-item:first-child {
  border-top: 0 !important;
}

/* лявата колона е <a> с картинка */
#predictive-search-results-products-list .predictive-search__image {
  width: 50px !important;
  height: 50px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
  display: block !important;
}

/* дясната колона – съдържанието */
#predictive-search-results-products-list .predictive-search__item-content {
  min-width: 0 !important;   /* важно за ellipsis */
}

/* заглавие и цена */
#predictive-search-results-products-list .predictive-search__item-heading {
  font-size: 15px !important;
  line-height: 1.35 !important;
  margin: 0 0 4px 0 !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
#predictive-search-results-products-list .price,
#predictive-search-results-products-list .price-item {
  display: inline-block !important;
  white-space: nowrap !important;
}
#predictive-search-results-products-list .price-item--compare,
#predictive-search-results-products-list .price__compare {
  text-decoration: line-through !important;
  color: rgba(0,0,0,.55) !important;
  margin-right: 8px !important;
}

/* 3) Общ polish за панела (без да променяме логиката на показване) */
#predictive-search-results {
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 14px !important;
  box-shadow: 0 24px 48px rgba(0,0,0,.18) !important;
  max-height: min(62vh, 600px) !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

/* не допускай вертикално изписване никъде в панела */
#predictive-search-results * {
  writing-mode: horizontal-tb !important;
}
/* ===== FIX за PAGES (pages results) ===== */
#predictive-search-results-pages-list .predictive-search__list-item {
  display: block !important;
  border-top: 1px solid rgba(0,0,0,.06);
  padding: 0 !important;
}

#predictive-search-results-pages-list .predictive-search__list-item:first-child {
  border-top: 0 !important;
}

#predictive-search-results-pages-list .predictive-search__item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 16px !important;

  grid-template-columns: none !important;
  grid-auto-flow: unset !important;
}

#predictive-search-results-pages-list .predictive-search__item-content,
#predictive-search-results-pages-list .predictive-search__item-content--centered {
  display: block !important;
  flex: 1 1 auto !important;
  text-align: left !important;
}

#predictive-search-results-pages-list .predictive-search__item-heading {
  font-size: 15px !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  writing-mode: horizontal-tb !important;
}
/* Точно подравняване на продуктовите редове: mini | text(+price) */
#predictive-search-results-products-list .predictive-search__list-item {
  display: grid !important;
  grid-template-columns: 56px 1fr !important; /* thumb | content */
  align-items: center !important;
  column-gap: 12px !important;
  padding: 12px 16px !important;
}

/* Линкът с миниатюрата да е само картинка, без да добавя свои layout-и */
#predictive-search-results-products-list .predictive-search__item--link-with-thumbnail {
  display: contents !important;                 /* flatten wrapper */
}

/* Картинката — стабилен размер */
#predictive-search-results-products-list .predictive-search__image {
  width: 56px !important;
  height: 56px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
  grid-column: 1 !important;
  justify-self: start !important;
}

/* Съдържанието да стои плътно до снимката и да не „разпъва“ */
#predictive-search-results-products-list .predictive-search__item-content {
  grid-column: 2 !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;                /* разстояние между заглавие и цена */
}

/* Заглавие – да не е центрирано и да не се стеснява излишно */
#predictive-search-results-products-list .predictive-search__item-heading {
  margin: 0 !important;
  text-align: left !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  flex: 1 1 auto !important;           /* заема наличното, а цената стои до него */
}

/* Цена – прилепена до заглавието, без да я бута вдясно */
#predictive-search-results-products-list .price,
#predictive-search-results-products-list .price__container,
#predictive-search-results-products-list .price-item {
  display: inline-block !important;
  white-space: nowrap !important;
}
/* ===== PREDICTIVE / PAGES — хоризонтални редове, без grid и „карти“ ===== */

/* самите <li> в Pages – нямат grid, само тънка разделителна линия */
#predictive-search-results-pages-list .predictive-search__list-item {
  display: block !important;
  padding: 0 !important;
  border-top: 1px solid rgba(0,0,0,.06) !important;
  background: transparent !important;
}
#predictive-search-results-pages-list .predictive-search__list-item:first-child {
  border-top: 0 !important;
}

/* линкът вътре – хоризонтален ред */
#predictive-search-results-pages-list .predictive-search__item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 16px !important;

  /* отмени всякакъв grid/flex от по-горе */
  grid-template-columns: none !important;
  grid-auto-flow: unset !important;
  justify-content: flex-start !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* съдържанието – да заема ширината и да е вляво */
#predictive-search-results-pages-list .predictive-search__item-content,
#predictive-search-results-pages-list .predictive-search__item-content--centered {
  display: block !important;
  flex: 1 1 auto !important;
  text-align: left !important;
  min-width: 0 !important;
}

/* заглавие – хоризонтално, без пренасяне по буква */
#predictive-search-results-pages-list .predictive-search__item-heading,
#predictive-search-results-pages-list .predictive-search__item-heading *,
#predictive-search-results-pages-list .predictive-search__item-query-result,
#predictive-search-results-pages-list .predictive-search__item-query-result * {
  display: inline !important;
  writing-mode: horizontal-tb !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.35 !important;
  letter-spacing: normal !important;
}

/* ховър за визуален фийдбек */
#predictive-search-results-pages-list .predictive-search__item:hover {
  background: rgba(0,0,0,.035) !important;
}

/* безопасно: не прилагай продуктови правила върху Pages */
#predictive-search-results-pages-list .thumbnail,
#predictive-search-results-pages-list .media,
#predictive-search-results-pages-list .price,
#predictive-search-results-pages-list .price-item {
  display: none !important;
}
/* ===== PAGES: едноредови линкове, без grid/вертикални букви ===== */

/* <li> в секцията PAGES */
#predictive-search-results [aria-labelledby*="pages"] .predictive-search__list-item,
#predictive-search-results ul[id*="pages-list"] .predictive-search__list-item {
  display: block !important;
  padding: 0 !important;
  border-top: 1px solid rgba(0,0,0,.06) !important;
  background: transparent !important;
}
#predictive-search-results [aria-labelledby*="pages"] .predictive-search__list-item:first-child,
#predictive-search-results ul[id*="pages-list"] .predictive-search__list-item:first-child {
  border-top: 0 !important;
}

/* самият линк в реда */
#predictive-search-results [aria-labelledby*="pages"] .predictive-search__item,
#predictive-search-results ul[id*="pages-list"] .predictive-search__item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 16px !important;

  /* отмени всякакъв grid, ако е „залепнал“ */
  grid-template-columns: none !important;
  grid-auto-flow: unset !important;
  justify-content: flex-start !important;
}

/* съдържанието вътре */
#predictive-search-results [aria-labelledby*="pages"] .predictive-search__item-content,
#predictive-search-results ul[id*="pages-list"] .predictive-search__item-content {
  display: block !important;
  flex: 1 1 auto !important;
  text-align: left !important;
  min-width: 0 !important;
}

/* заглавие – хоризонтално, без „буква под буква“ */
#predictive-search-results [aria-labelledby*="pages"] .predictive-search__item-heading,
#predictive-search-results ul[id*="pages-list"] .predictive-search__item-heading {
  font-size: 15px !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  writing-mode: horizontal-tb !important;
}

/* за всеки случай – забрани вертикално писане навсякъде в PAGES */
#predictive-search-results [aria-labelledby*="pages"] *,
#predictive-search-results ul[id*="pages-list"] * {
  writing-mode: horizontal-tb !important;
}

/* ховър фийдбек */
#predictive-search-results [aria-labelledby*="pages"] .predictive-search__item:hover,
#predictive-search-results ul[id*="pages-list"] .predictive-search__item:hover {
  background: rgba(0,0,0,.035) !important;
}

/* пази продуктовия layout — grid да важи САМО за products */
#predictive-search-results-products-list .predictive-search__list-item {
  display: grid !important;
  grid-template-columns: 56px 1fr !important;
  column-gap: 12px !important;
  align-items: center !important;
  padding: 12px 16px !important;
}
/* Контейнер за резултатите */
.predictive-search__results-groups-wrapper {
  max-height: 70vh;              /* ограничаваме височината */
  overflow-y: auto;              /* скрол само вътре */
  padding: 10px 0;
  scrollbar-width: thin;         /* тънък скролбар */
}

/* Секции – заглавия */
.predictive-search__heading {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #555;
  margin: 12px 20px 8px;
}

/* Линкове (страници и предложения) */
.predictive-search__item-heading,
.predictive-search__item-query-result {
  font-size: 15px;
  color: #222;
  transition: color 0.2s ease;
}

.predictive-search__item:hover .predictive-search__item-heading,
.predictive-search__item:hover .predictive-search__item-query-result {
  color: #b88b4a; /* златист hover */
}

/* Редове със страници */
#predictive-search-results-queries-list li,
#predictive-search-results-pages-list li {
  padding: 10px 20px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #f2f2f2;
}

#predictive-search-results-queries-list li::before,
#predictive-search-results-pages-list li::before {
  content: "📄";  /* иконка за страници/предложения */
  margin-right: 8px;
  font-size: 14px;
}

/* Продукти */
#predictive-search-results-products-list li {
  display: flex;
  align-items: center;
  padding: 12px 20px;
  border-bottom: 1px solid #f5f5f5;
}

.predictive-search__image {
  width: 50px;
  height: auto;
  margin-right: 12px;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

.predictive-search__item-content {
  display: flex;
  flex-direction: column;
}

.predictive-search__item-heading {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 3px;
}

.price {
  font-size: 14px;
  color: #444;
}
/* ===== Predictive — POLISH / ALIGN ===== */

/* Панел */
#predictive-search-results {
  border-radius: 16px !important;
  box-shadow: 0 24px 48px rgba(0,0,0,.14) !important;
  padding: 10px 8px 12px !important;     /* вътрешен падинг */
}

/* Заглавия на секции */
.predictive-search__heading {
  margin: 6px 12px 8px !important;
  padding: 0 !important;
  font-size: 13px !important;
  letter-spacing: .06em !important;
  color: #666 !important;
}

/* ==== SUGGESTIONS + PAGES (текстови редове) ==== */
#predictive-search-results-queries-list,
#predictive-search-results-pages-list {
  margin: 0 !important;
  padding: 0 8px 4px !important;         /* да съвпадне с панела */
  list-style: none !important;
}

#predictive-search-results-queries-list li,
#predictive-search-results-pages-list li {
  display: block !important;
  border: none !important;
  margin: 2px 4px !important;
  padding: 0 !important;                 /* падингът е върху линка */
}

#predictive-search-results-queries-list a.predictive-search__item,
#predictive-search-results-pages-list  a.predictive-search__item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
  background: transparent !important;
  text-decoration: none !important;
  color: inherit !important;
}

/* махаме каквито и да е иконки/емоджита, които добавихме преди */
#predictive-search-results-queries-list li::before,
#predictive-search-results-pages-list  li::before { content: none !important; }

/* текстът да стои плътно и хоризонтално */
#predictive-search-results-queries-list .predictive-search__item-heading,
#predictive-search-results-pages-list  .predictive-search__item-heading {
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  writing-mode: horizontal-tb !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* hover – лек, без сиви „ленти“ */
#predictive-search-results-queries-list a.predictive-search__item:hover,
#predictive-search-results-pages-list  a.predictive-search__item:hover {
  background: rgba(0,0,0,.04) !important;
}

/* ==== PRODUCTS (снимка 56px + съдържание) ==== */
#predictive-search-results-products-list {
  padding: 0 8px 6px !important;
}

#predictive-search-results-products-list .predictive-search__list-item {
  display: grid !important;
  grid-template-columns: 56px 1fr !important; /* thumb | content */
  column-gap: 12px !important;
  align-items: center !important;
  margin: 2px 4px !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  border: none !important;
}

#predictive-search-results-products-list .predictive-search__item--link-with-thumbnail {
  display: contents !important;          /* не добавя излишен контейнер */
}

#predictive-search-results-products-list .predictive-search__image {
  width: 56px !important;
  height: 56px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 6px rgba(0,0,0,.08) !important;
}

#predictive-search-results-products-list .predictive-search__item-content {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;                  /* заглавие ↔ цена */
}

#predictive-search-results-products-list .predictive-search__item-heading {
  margin: 0 !important;
  font-weight: 600 !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  flex: 1 1 auto !important;
}

#predictive-search-results-products-list .price,
#predictive-search-results-products-list .price-item {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* Общ hover за продуктовите редове */
#predictive-search-results-products-list .predictive-search__list-item:hover {
  background: rgba(0,0,0,.04) !important;
}
/* ===== Predictive products: whole row is a link ===== */
#predictive-search-results-products-list .predictive-search__list-item {
  position: relative !important;
  cursor: pointer !important;
}

/* разпъваме първия продуктов <a> да покрива целия ред */
#predictive-search-results-products-list
  .predictive-search__list-item > a.predictive-search__item--link-with-thumbnail {
  position: absolute !important;
  inset: 0 !important;               /* top:0; right:0; bottom:0; left:0 */
  z-index: 1 !important;
  opacity: 0 !important;             /* невидим, но кликаем */
}

/* съдържанието и снимката остават видими, но не „крадат“ клика */
#predictive-search-results-products-list .predictive-search__image,
#predictive-search-results-products-list .predictive-search__item-content {
  position: relative !important;
  z-index: 2 !important;
  pointer-events: none !important;   /* кликовете минават към разпънатия <a> */
}

/* приятен hover върху целия ред */
#predictive-search-results-products-list .predictive-search__list-item:hover {
  background: rgba(0,0,0,.05) !important;
}
/* === ПАЧ: направи целия ред истински линк (работещ клик) === */

/* 1) самият ред */
#predictive-search-results-products-list .predictive-search__list-item {
  position: relative !important;
  cursor: pointer !important;
}

/* 2) РАЗПЪНИ линка върху цялата площ на реда
      (отменяме по-раншното display:contents) */
#predictive-search-results-products-list
  .predictive-search__list-item > a.predictive-search__item--link-with-thumbnail {
  display: block !important;            /* ВАЖНО: не contents */
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  opacity: 0 !important;                /* невидим, но кликаем */
  pointer-events: auto !important;
}

/* 3) видимите елементи да не „крадат“ клика */
#predictive-search-results-products-list .predictive-search__image,
#predictive-search-results-products-list .predictive-search__item-content {
  position: relative !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

/* 4) приятен hover върху целия ред */
#predictive-search-results-products-list .predictive-search__list-item:hover {
  background: rgba(0,0,0,.05) !important;
}
/* Undo overlay link so image stays visible */
#predictive-search-results-products-list
  .predictive-search__list-item > a.predictive-search__item--link-with-thumbnail {
  display: contents !important;      /* върни старото за подравняване */
  position: static !important;
  inset: auto !important;
  z-index: auto !important;
  opacity: 1 !important;             /* вече не крие нищо */
  pointer-events: auto !important;
}

/* самият ред да изглежда кликаем */
#predictive-search-results-products-list .predictive-search__list-item {
  cursor: pointer !important;
}
/* Predictive: направи цената в лева bold */
#predictive-search-results-products-list .price-item--regular,
#predictive-search-results-products-list .price .price-item--regular,
#predictive-search-results-products-list .price__regular .price-item--regular,
#predictive-search-results-products-list .price__sale .ad-new {
  font-weight: 700 !important;
}
#predictive-search-results-products-list .price__container {
  display: flex;
  align-items: center; /* изравнява по средата */
  gap: 6px; /* малко разстояние между лв и € */
}

#predictive-search-results-products-list .price-item,
#predictive-search-results-products-list .price-eur {
  line-height: 1.4; /* еднаква височина */
  display: inline-block;
}
#predictive-search-results-products-list .price-eur {
  font-size: 0.9em;
  opacity: 0.9;
}
/* Hide discount/sale badges ONLY inside predictive search results */
#predictive-search-results-products-list .predictive-search__item-content 
  :is(.ad-badge, .ad-discount, .discount-badge, .sale-badge, .badge, .sale_label, [class*="badge"], [class*="discount"], [class*="sale"]) {
  display: none !important;
}
/* 1) Скрий само баджовете в predictive search (НЕ цените) */
#predictive-search-results-products-list .predictive-search__item-content
  .ad-badge,
#predictive-search-results-products-list .predictive-search__item-content
  .ad-discount,
#predictive-search-results-products-list .predictive-search__item-content
  .discount-badge,
#predictive-search-results-products-list .predictive-search__item-content
  .badge--discount,
#predictive-search-results-products-list .predictive-search__item-content
  .sale-badge,
#predictive-search-results-products-list .predictive-search__item-content
  .sale_label {
  display: none !important;
}

/* 2) Възстанови показването на цените (ако са били засегнати) */
#predictive-search-results-products-list .predictive-search__item-content .price,
#predictive-search-results-products-list .predictive-search__item-content .price__container,
#predictive-search-results-products-list .predictive-search__item-content .price__regular,
#predictive-search-results-products-list .predictive-search__item-content .price__sale,
#predictive-search-results-products-list .predictive-search__item-content .price-item,
#predictive-search-results-products-list .predictive-search__item-content .price-eur,
#predictive-search-results-products-list .predictive-search__item-content .ad-price-row,
#predictive-search-results-products-list .predictive-search__item-content .ad-new {
  display: inline-flex !important; /* или inline-block, ако предпочиташ */
  visibility: visible !important;
  opacity: 1 !important;
}
/* ===== Predictive > PRODUCTS — покажи ЕДНА цена (sale ИЛИ regular) ===== */

/* 0) базов ред за подравняване */
#predictive-search-results-products-list .price {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 8px !important;
}

/* 1) по подразбиране скрий и двата реда, за да няма дублиране */
#predictive-search-results-products-list .price__regular,
#predictive-search-results-products-list .price__sale,
#predictive-search-results-products-list .ad-price-row {
  display: none !important;
}

/* 2) ако има SALE → покажи sale (или ad-new), скрий regular */
#predictive-search-results-products-list .price:has(.price__sale .price-item--sale),
#predictive-search-results-products-list .price:has(.ad-price-row .ad-new) {
  /* контейнер с намаление */
}
#predictive-search-results-products-list .price:has(.price__sale .price-item--sale) .price__sale,
#predictive-search-results-products-list .price:has(.ad-price-row .ad-new) .ad-price-row {
  display: inline-flex !important;
}
#predictive-search-results-products-list .price:has(.price__sale .price-item--sale) .price__regular,
#predictive-search-results-products-list .price:has(.ad-price-row .ad-new) .price__regular {
  display: none !important;
}
/* HEADER – hide only the right search icon (Sense) */
.header__icons .header__icon--search,
.header__icons .search-modal__toggle {
  display: none !important;
}

/* optional: допълнителни fallbacks ако темата има различни класове
.header__icons a[href*="/search"],
.header__icons button[aria-controls*="Search"],
.header__icons [data-action="open-search"] { display:none !important; }
*/
/* Hide ONLY the right search icon (inside header__icons) */
.header__icons summary.header__icon--search.modal__toggle {
  display: none !important;
}

/* Fallbacks for slight theme variations (safe to keep) */
.header__icons .modal__toggle[aria-label*="Търсене"],
.header__icons .modal__toggle[aria-label*="Search"],
.header__icons .header__icon--search { 
  display: none !important;
}
/* HEADER — hide account ("човечето") */
.header__icons a.header__icon--account,
.header__icons a[href*="/account"],
.header__icons .header__icon--account,
.header__icons account-icon,
.header__icons .svg-wrapper .icon.icon-account,
.header__icons svg.icon-account,
.header__icons .icon-account {
  display: none !important;
}

/* по избор: стегни разстоянието между останалите икони */
.header__icons { gap: .5rem !important; }
/* HEADER — hide language selector */
.header .localization-form,
.header .language-selector,
.header button[aria-controls="HeaderLanguageList"],
.header [aria-describedby="HeaderLanguageLabel"],
.header #HeaderLanguageList,
.header #HeaderLanguageLabel {
  display: none !important;
}

/* ако темата използва линк вместо бутон */
.header a.localization-selector,
.header .link.localization-selector,
.header .disclosure__button.localization-selector {
  display: none !important;
}

/* леко стягане след премахването */
.header__icons { gap: .5rem !important; }
/* HEADER — hide language selector */
.header #HeaderLanguageLabel + .disclosure {       /* блокът след language label */
  display: none !important;
}
.header .disclosure__button.localization-selector,  /* самият бутон */
.header .disclosure__list-wrapper.language-selector {
  display: none !important;
}

/* за всеки случай по атрибутите на бутона */
.header .localization-selector[aria-controls="HeaderLanguageList"],
.header [aria-describedby="HeaderLanguageLabel"] {
  display: none !important;
}
/* COLLECTION FILTERS (Sense) — solid popover for Availability & Price */

/* бутоните-резюме да изглеждат като чипове */
.facets__summary {
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  border-radius: 12px !important;
  padding: .4rem .6rem !important;
  display: inline-flex;
  align-items: center;
  gap: .35rem;
}

/* самият popover контейнер (който се отваря) */
.facets__disclosure .facets__display,
details[open].facets__disclosure .facets__display {
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.12) !important;
  z-index: 40;                 /* над картите */
  overflow: hidden;            /* заобляне да важи */
}

/* header-ът вътре (текста „Избрани: 0“, „Нулиране“) */
.facets__header,
.facets__selected {
  background: #fff !important;
}

/* списъците с чекбоксове */
.facets__list,
.facets__list .facets__item {
  background: #fff !important;
}

/* ценови филтър – полета и плъзгач */
.price-range,
.price-range input,
.price-range .field__input {
  background: #fff !important;
}
.price-range { padding: .5rem .75rem; }

/* малко разстояние под лентата с филтри */
.facets { margin-bottom: .75rem; }
/* ===== FACETS: nicer, wider chips ===== */

/* контейнер – да има въздух между чиповете */
.facets__form, .facet-filters {
  gap: .5rem .6rem !important;   /* row-gap col-gap */
  flex-wrap: wrap;                /* позволи пренасяне на ред */
}

/* самите бутони/чипове */
.facets__summary {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: .45rem .9rem !important;        /* по-широко */
  min-height: 38px;                         /* стабилна височина */
  border-radius: 9999px !important;         /* „пил“ вид */
  font-size: .95rem;                        /* малко по-едър текст */
  white-space: nowrap;                      /* да не се чупи на 2 реда */
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.12) !important;
}

/* caret стрелката вътре – по-малко сплескана */
.facets__summary .icon-caret,
.facets__summary svg[class*="icon-caret"] {
  width: 12px; height: 12px;
  opacity: .65;
  transition: transform .2s ease;
  margin-left: .1rem;
}
details[open] .facets__summary .icon-caret,
details[open] .facets__summary svg[class*="icon-caret"] {
  transform: rotate(180deg);
  opacity: .9;
}

/* popover-ът да не е тесен */
.facets__disclosure .facets__display {
  min-width: 260px;                           /* Availability */
}
.facets__disclosure:has(.price-range) .facets__display,
.facets__disclosure .price-range {
  min-width: 280px;                           /* Price */
}

/* hover/focus за по-добро усещане */
.facets__summary:hover { border-color: rgba(0,0,0,.2) !important; }
.facets__summary:focus-visible { outline: 2px solid rgba(0,0,0,.25); outline-offset: 2px; }

/* малко по-прибрана типография на mobile, по-четима на desktop */
@media (max-width: 767px){
  .facets__summary{ padding: .4rem .8rem !important; min-height: 36px; font-size: .94rem; }
}
@media (min-width: 992px){
  .facets__summary{ font-size: .98rem; padding: .5rem 1rem !important; }
}
/* FACETS — по-широки чипове + място за стрелката */
.facets__summary{
  display: inline-flex;
  align-items: center;
  gap: .5rem;                       /* място между текст и стрелка */
  padding: .5rem 1.15rem .5rem 1rem !important; /* повече вдясно */
  min-width: 150px;                 /* общ минимум ширина */
  border-radius: 9999px !important;
  white-space: nowrap;
}

/* по избор: различни минимуми за двата чипа */
.facets__disclosure:has([aria-controls*="Facet-1"]) .facets__summary{ min-width: 160px; } /* Наличност */
.facets__disclosure:has([aria-controls*="Facet-2"]) .facets__summary{ min-width: 140px; } /* Цена */

/* стрелката да има собствено „каре“ и да не се набива в текста */
.facets__summary .icon-caret,
.facets__summary svg[class*="icon-caret"]{
  width: 12px; height: 12px;
  flex: 0 0 12px;                   /* фиксирано място за стрелката */
  margin-left: .1rem;
}

/* Mobile малко по-компактно, но пак широко */
@media (max-width: 767px){
  .facets__summary{
    padding: .45rem 1rem .45rem .85rem !important;
    min-width: 140px;
  }
}
/* FACETS – премести стрелката наляво в чипа */
.facets__summary{
  padding-right: 1.35rem !important;   /* малко повече място вдясно */
}

.facets__summary .icon-caret,
.facets__summary svg[class*="icon-caret"]{
  margin-right: .35rem;                 /* отстояние от десния ръб */
  width: 12px; height: 12px;
  transition: transform .2s ease;
}

/* по-компактно на мобилен, но пак с отстояние */
@media (max-width: 767px){
  .facets__summary{ padding-right: 1.1rem !important; }
  .facets__summary .icon-caret,
  .facets__summary svg[class*="icon-caret"]{ margin-right: .3rem; }
}
/* FACETS — по-тесни чипове */
.facets__summary{
  padding: .42rem .9rem .42rem .8rem !important; /* по-малък хор. падинг */
  min-width: 120px;                               /* беше ~150–160px */
  gap: .4rem !important;                          /* по-малко място текст↔стрелка */
}

/* стрелката – леко по-наближена към текста */
.facets__summary .icon-caret,
.facets__summary svg[class*="icon-caret"]{
  margin-right: .25rem !important;
  width: 12px; height: 12px;
  flex: 0 0 12px;
}

/* още по-тесни на мобилен */
@media (max-width: 767px){
  .facets__summary{
    padding: .38rem .8rem .38rem .7rem !important;
    min-width: 110px;
    gap: .35rem !important;
  }
}
/* FACETS — по-тесни чипове, отменя всички по-стари минимуми */
.facets__disclosure .facets__summary,
.facets__summary,
.facets__summary.caption-large {
  min-width: 110px !important;        /* отмени старите 150/160px */
  width: auto !important;
  padding: .38rem .8rem !important;  /* по-малък хор. падинг */
  gap: .35rem !important;
}

/* стрелката – компактно до текста */
.facets__summary .icon-caret,
.facets__summary svg[class*="icon-caret"]{
  margin-right: .2rem !important;
  width: 12px; height: 12px; flex: 0 0 12px;
}

/* по избор: още по-тесни на мобилен */
@media (max-width: 767px){
  .facets__summary{ padding: .34rem .72rem !important; }
}
/* ===== SORT SELECT (fix overlay + compact style) ===== */
.select { position: relative; }

.select select,
.select .select__select,
.facet-filters__sort.select__select {
  appearance: none; -webkit-appearance: none; -moz-appearance: none;
  position: relative; z-index: 1;           /* над всякакви декори */
  height: 38px;
  padding: .35rem 2rem .35rem .75rem;        /* място за стрелката вдясно */
  border: 1px solid rgba(0,0,0,.14);
  border-radius: 12px;
  background: #fff;
  line-height: 1.1;
}

/* стрелката – декоративният слой да НЕ пречи на кликовете */
.select .svg-wrapper,
.select .icon-caret {
  position: absolute;
  right: .6rem; top: 50%; transform: translateY(-50%);
  pointer-events: none;                      /* ключът срещу „layer отгоре“ */
  z-index: 0;                                /* под самия <select> */
  width: 14px; height: 14px; opacity: .7;
}

/* hover/focus */
.select select:focus {
  outline: 2px solid rgba(0,0,0,.18);
  outline-offset: 2px;
}

/* Mobile – една идея по-нисък */
@media (max-width: 767px){
  .select select{ height: 36px; padding: .3rem 1.8rem .3rem .7rem; }
}
/* ===== SORT SELECT — remove overlay/inner frame (Sense) ===== */

/* контейнерът да няма декоративни слоеве */
.facet-filters .select,
.facets .select {
  position: relative;
  box-shadow: none !important;
  background: transparent !important;
}
.facet-filters .select::before,
.facet-filters .select::after,
.facets .select::before,
.facets .select::after {
  content: none !important;        /* махни псевдо-елементите (вътрешната рамка) */
}

/* самият <select> – чист стил и най-отгоре */
.facet-filters .select select,
.facet-filters__sort.select__select,
.facets .select select {
  appearance: none; -webkit-appearance: none; -moz-appearance: none;
  position: relative; z-index: 2;           /* над всичко */
  height: 38px;
  padding: .35rem 2rem .35rem .75rem;
  border: 1px solid rgba(0,0,0,.14) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: none !important;              /* махни „вътрешната“ рамка/сянка */
  line-height: 1.1;
}

/* декоративната стрелка да НЕ прихваща кликове и да стои под селекта */
.facet-filters .select .svg-wrapper,
.facet-filters .select .icon-caret {
  position: absolute;
  right: .6rem; top: 50%; transform: translateY(-50%);
  width: 14px; height: 14px; opacity: .7;
  pointer-events: none !important;
  z-index: 1;                                /* под зъздателя <select> */
}

/* мобилен – леко по-нисък */
@media (max-width: 767px){
  .facet-filters .select select{ height: 36px; padding: .3rem 1.8rem .3rem .7rem; }
}
/* ===== SORT BY (fix overlay / inner frame) ===== */

/* Контейнерът да няма декоративни псевдо-елементи/сянки */
.select {
  position: relative;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.select::before,
.select::after {
  content: none !important;
}

/* Самият <select> – най-отгоре и чист стил */
select.facet-filters__sort.select__select.caption-large#SortBy {
  appearance: none; -webkit-appearance: none; -moz-appearance: none;
  position: relative; z-index: 2;              /* над svg-wrapper */
  height: 38px;
  padding: .35rem 2rem .35rem .75rem;          /* място за стрелката */
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.14) !important;
  border-radius: 12px !important;
  box-shadow: none !important;                 /* маха „вътрешната рамка“ */
  outline: 0 !important;
  line-height: 1.1;
}

/* Декоративната стрелка да НЕ прихваща кликове и да стои под селекта */
.select > span.svg-wrapper {
  position: absolute;
  right: .6rem; top: 50%; transform: translateY(-50%);
  width: 14px; height: 14px; opacity: .7;
  pointer-events: none !important;
  z-index: 1;                                  /* под селекта */
}

/* Фокус – само лека outline, без втори слой вътре */
select.facet-filters__sort.select__select.caption-large#SortBy:focus {
  outline: 2px solid rgba(0,0,0,.18) !important;
  outline-offset: 2px;
  box-shadow: none !important;
}

/* Mobile – по-нисък */
@media (max-width: 767px){
  select.facet-filters__sort.select__select.caption-large#SortBy{
    height: 36px;
    padding: .3rem 1.8rem .3rem .7rem;
  }
}
/* ===== SORT BY — kill inner frame/overlay (Sense) ===== */

/* Контейнерът .select — махни рамки, сенки и псевдо-елементи */
.facet-filters .select,
.facets .select,
.select{
  position: relative;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  --inputs-border-width: 0 !important;
  --inputs-shadow-horizontal-offset: 0 !important;
  --inputs-shadow-vertical-offset: 0 !important;
  --shadow-opacity: 0 !important;
}
.facet-filters .select::before,
.facet-filters .select::after,
.facets .select::before,
.facets .select::after,
.select::before,
.select::after{
  content: none !important;
}
.facet-filters .select:focus-within,
.facets .select:focus-within,
.select:focus-within{
  box-shadow: none !important;
  outline: none !important;
}

/* Самият <select> – само една рамка, без вътрешен слой/сянка */
#SortBy,
select.facet-filters__sort.select__select{
  appearance: none; -webkit-appearance: none; -moz-appearance: none;
  position: relative; z-index: 2;            /* над декоративните елементи */
  height: 38px;
  padding: .35rem 2rem .35rem .75rem !important;
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.14) !important;
  border-radius: 12px !important;
  box-shadow: none !important;               /* премахва „вътрешната рамка“ */
  outline: 0 !important;
  line-height: 1.1;
}

/* Декоративната стрелка — само визуална, да не прихваща кликове */
.select > .svg-wrapper{
  position: absolute;
  right: .6rem; top: 50%; transform: translateY(-50%);
  width: 14px; height: 14px; opacity: .7;
  pointer-events: none !important;
  z-index: 1;                                /* под #SortBy */
}

/* Фокус стил (без втори слой) */
#SortBy:focus{
  outline: 2px solid rgba(0,0,0,.18) !important;
  outline-offset: 2px;
  box-shadow: none !important;
}

/* Mobile – една идея по-нисък */
@media (max-width: 767px){
  #SortBy{ height: 36px; padding: .3rem 1.8rem .3rem .7rem !important; }
}
/* ===== SORT BY — clean single-border select (Sense/Dawn) ===== */

/* Wrapper-ът става единствената рамка; махаме вътрешния слой */
.facet-filters .select,
.facets .select,
.select{
  position: relative;
  padding: 0 !important;                         /* махни вътрешния „канал“ */
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.14) !important;  /* ЕДНА рамка */
  border-radius: 12px !important;
  box-shadow: none !important;
  outline: none !important;
  --inputs-border-width: 0 !important;           /* спира inset shadow логиката */
  --inputs-shadow-horizontal-offset: 0 !important;
  --inputs-shadow-vertical-offset: 0 !important;
  --shadow-opacity: 0 !important;
}
.select::before,
.select::after,
.select:focus-within::before,
.select:focus-within::after{
  content: none !important;                      /* маха вътрешната рамка/слой */
}
.select:focus-within{
  box-shadow: none !important;
  outline: none !important;
}

/* Самият <select> – без рамка/сянка; целият клик е върху него */
select#SortBy,
select.facet-filters__sort.select__select{
  appearance: none; -webkit-appearance: none; -moz-appearance: none;
  border: 0 !important;                          /* няма втора рамка */
  box-shadow: none !important;
  background: transparent !important;            /* фонът идва от wrapper-а */
  height: 38px;
  padding: .35rem 2rem .35rem .75rem !important; /* място за стрелката */
  width: 100%;
  position: relative; z-index: 2;                /* над стрелката */
}

/* Декоративната стрелка – не прихваща кликове и стои под селекта */
.select > .svg-wrapper{
  position: absolute;
  right: .6rem; top: 50%; transform: translateY(-50%);
  width: 14px; height: 14px; opacity: .7;
  pointer-events: none !important;
  z-index: 1;
}

/* Mobile – една идея по-нисък */
@media (max-width: 767px){
  select#SortBy,
  select.facet-filters__sort.select__select{
    height: 36px;
    padding: .3rem 1.8rem .3rem .7rem !important;
  }
}
/* ==== SORT BY (A–Z) — премахни вътрешната рамка/слой напълно ==== */

/* 1) Нулирай всички сенки/псевдо-елементи по веригата около селекта */
.facet-filters__field .select,
.facet-filters__field .select:before,
.facet-filters__field .select:after,
.facet-filters__field:before,
.facet-filters__field:after {
  box-shadow: none !important;
  outline: 0 !important;
  border: 0 !important;
  content: none !important;
  background: transparent !important;
}

/* 2) Wrapper-ът да НЕ рисува вътрешна линия при :focus-within */
.facet-filters__field .select:focus-within {
  box-shadow: none !important;
  outline: none !important;
}

/* 3) Самият <select> става единствената рамка (чиста, еднослойна) */
#SortBy.facet-filters__sort.select__select.caption-large {
  appearance: none; -webkit-appearance: none; -moz-appearance: none;
  position: relative; z-index: 2;
  height: 38px;
  padding: .35rem 2rem .35rem .75rem !important;
  border: 1px solid rgba(0,0,0,.18) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: none !important;              /* без inset/outer сенки */
  outline: 0 !important;
  background-clip: padding-box !important;  /* предотвратява двойни „ореоли“ */
}

/* 4) Декоративната стрелка – само визуална, под селекта */
.facet-filters__field .select > span.svg-wrapper,
.facet-filters__field .select > .icon-caret {
  position: absolute;
  right: .6rem; top: 50%; transform: translateY(-50%);
  width: 14px; height: 14px; opacity: .7;
  pointer-events: none !important;
  z-index: 1;
}

/* 5) Mobile – леко по-нисък */
@media (max-width: 767px){
  #SortBy.facet-filters__sort.select__select.caption-large{
    height: 36px;
    padding: .3rem 1.8rem .3rem .7rem !important;
  }
}
/* === SORT BY — brute-force clean single border === */
.facet-filters__field > .select {
  position: relative !important;
  padding: 0 !important;
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.16) !important;   /* единствената рамка */
  border-radius: 12px !important;
  box-shadow: none !important;
  outline: 0 !important;
}
.facet-filters__field > .select::before,
.facet-filters__field > .select::after {
  content: none !important;                        /* махни „вътрешния“ слой */
  box-shadow: none !important;
  border: 0 !important;
  outline: 0 !important;
}

/* самият <select> без рамка/сянка, ползва рамката на wrapper-а */
.facet-filters__field > .select > select#SortBy {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background: transparent !important;
  border: 0 !important;                            /* без втора рамка */
  box-shadow: none !important;
  outline: 0 !important;
  height: 38px !important;
  padding: .35rem 2rem .35rem .75rem !important;   /* място за стрелката */
  width: 100% !important;
  position: relative !important;
  z-index: 2 !important;
}

/* декоративната стрелка – под селекта и без кликове */
.facet-filters__field > .select > span.svg-wrapper {
  position: absolute !important;
  right: .6rem; top: 50%; transform: translateY(-50%);
  width: 14px; height: 14px; opacity: .7;
  pointer-events: none !important;
  z-index: 1 !important;
}

/* изчисти ВСЯКАКВИ сенки по наследниците вътре, ако темата инжектира такива */
.facet-filters__field > .select *,
.facet-filters__field > .select:focus-within {
  box-shadow: none !important;
  outline: 0 !important;
}
/* === Mobile Search: fix under header (Sense v15.4) === */
@media (max-width: 768px){
  /* Колко е височината на горната част:
     112px ако имаш Announcement bar + header,
     72px ако нямаш Announcement bar. */
  :root { --mobile-header: 112px; }  /* ако няма лента, смени на 72px */

  /* Позиционирай модала/листата на търсене под хедъра */
  .search-modal,
  .search-modal__content,
  .predictive-search {
    position: fixed !important;
    top: var(--mobile-header) !important;
    left: 0; right: 0;
    width: 100%;
    background: var(--color-background, #fff);
    z-index: 90;                 /* над съдържанието */
    max-height: calc(100dvh - var(--mobile-header));
    overflow: auto;              /* собствен скрол вътре */
  }

  /* Увери се, че инпутът е на 100% */
  .search-modal input[type="search"],
  .predictive-search input[type="search"]{
    width: 100%;
    font-size: 16px;             /* iOS да не зумира */
  }

  /* Резултатите да не преливат */
  .predictive-search__results,
  .predictive-search__results * { max-width: 100%; }
}
/* === Fix: Search icon not tappable on mobile (Sense) === */
@media (max-width: 768px){
  /* 1) Хедърът над всичко */
  .shopify-section-header { position: sticky; top: 0; z-index: 200; }

  /* 2) Иконите да приемат клик и да имат достатъчен тап-таргет */
  .shopify-section-header .header__icons,
  .shopify-section-header .header__icon,
  .shopify-section-header .header__icon * {
    pointer-events: auto;
  }
  .shopify-section-header .header__icon{
    display:inline-flex; align-items:center; justify-content:center;
    min-width:44px; min-height:44px; padding:0 6px; touch-action:manipulation;
  }

  /* 3) Ако нещо под хедъра се качва отгоре (банер/слайдер) — да не засенчва клика */
  .slideshow, .banner, .section, .content-for-layout { z-index: 1; position: relative; }

  /* 4) Леко изместване на бутона за търсене надясно */
  .shopify-section-header .header__icon--search,
  .shopify-section-header [data-predictive-search-open]{
    margin-left: 8px;  /* коригирай на 10–12px ако искаш още */
  }

  /* 5) Safe area за iPhone (жлеб) */
  @supports (padding-top: env(safe-area-inset-top)){
    .shopify-section-header { padding-top: env(safe-area-inset-top); }
  }
}
/* === Mobile Search under header (isolated) === */
@media (max-width: 768px){
  :root { --mobile-header: 112px; } /* ако НЯМА announcement bar -> 72px */

  .search-modal,
  .search-modal__content,
  .predictive-search{
    position: fixed !important;
    top: var(--mobile-header) !important;
    left: 0; right: 0;
    width: 100%;
    max-height: calc(100dvh - var(--mobile-header));
    overflow: auto;
    background: var(--color-background, #fff);
    z-index: 120;
  }

  .predictive-search__results,
  .predictive-search__results * { max-width: 100%; }

  /* заключи скрола на фона, когато JS добави класа */
  body.is-search-open { overflow: hidden; }

  /* iOS да не зумира при фокус */
  .predictive-search input[type="search"],
  .search-modal input[type="search"] { font-size: 16px; }
}
@media (max-width: 768px){
  :root { --mobile-header: 112px; } /* ако НЯМА announcement bar -> 72px */

  .search-modal,
  .search-modal__content,
  .predictive-search{
    position: fixed !important;
    top: var(--mobile-header) !important;
    left: 0; right: 0;
    width: 100%;
    max-height: calc(100dvh - var(--mobile-header));
    overflow: auto;
    background: var(--color-background, #fff);
    z-index: 120;
  }

  .predictive-search input[type="search"],
  .search-modal input[type="search"] { font-size: 16px; } /* без iOS zoom */
  .predictive-search__results, .predictive-search__results * { max-width: 100%; }

  body.is-search-open { overflow: hidden; } /* заключи фона, докато е отворено */
}
/* === Mobile Search pinned under header (Sense 15.4) === */
@media (max-width: 768px){
  /* ако имаш златната лента (announcement) -> 112px; ако не -> 72px */
  :root{ --mobile-header:112px; }

  /* фиксирай модала под хедъра, до долу */
  .header__search .search-modal{
    position: fixed !important;
    top: var(--mobile-header) !important;
    left: 0; right: 0; bottom: 0;
    background: var(--color-background, #fff);
    z-index: 120;
  }

  /* вътре – колона: горе поле за търсене, отдолу резултати (скрол) */
  .header__search .search-modal__content{
    position: relative;
    height: 100%;
    max-height: none;
    padding: 0;                 /* махаме излишните падинги */
    display: flex;
    flex-direction: column;
  }

  /* лентата с инпута – залепена най-горе */
  .header__search .search-modal__form{
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--color-background, #fff);
    padding: 12px 16px;
    box-shadow: 0 1px 0 rgba(0,0,0,.06);
  }
  .header__search .field{ margin: 0; }

  /* самият input – да не зумира iOS и да е 100% */
  .header__search input[type="search"]{
    width: 100%;
    font-size: 16px;
  }

  /* списъкът с предложения/продукти – заема остатъка и скролира */
  .header__search .predictive-search{
    flex: 1 1 auto;
    overflow: auto;
    max-height: none;
  }

  /* скрий overlay-а зад модала (не ни трябва) */
  .header__search .modal-overlay{ display:none; }

  /* X (close) – горе вдясно, заедно с лентата */
  .header__search .search-modal__close-button{
    position: sticky;
    top: 0;
    align-self: flex-end;
    margin: 8px 8px 0 0;
    z-index: 3;
  }
}
/* === Mobile menu drawer (Sense) — full-height панел под хедъра === */
@media (max-width:768px){
  :root{ --mobile-header:112px; } /* ако няма златната лента → 72px */

  /* самият drawer панел */
  .menu-drawer{
    position: fixed !important;
    top: var(--mobile-header) !important;
    left: 0; right: 0; bottom: 0;
    z-index: 200;
    background: #fff;                 /* бял фон, да не прозира съдържанието */
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
  }
  .menu-drawer__inner{
    height: 100%;
    max-height: none !important;
    overflow: auto;                    /* скрол само вътре в менюто */
    -webkit-overflow-scrolling: touch;
  }

  /* оверлей зад менюто */
  .menu-drawer::before{
    content: "";
    position: fixed;
    top: var(--mobile-header); left:0; right:0; bottom:0;
    background: rgba(0,0,0,.35);
    z-index: -1;                       /* под панела, над страницата */
  }

  /* навигационният списък да не залепва за ръбовете */
  .menu-drawer .list-menu{
    padding: 12px 16px 24px !important;
    gap: 8px;
  }

  /* докато е отворено менюто, скрий X-а на търсачката ако още е видим */
  body.menu-open .search-modal__close-button{ display:none !important; }
}

/* заключи скрола на страницата, докато менюто е отворено */
body.menu-open{ overflow:hidden; }
/* === Mobile menu drawer (Sense 15.x) — full panel under header === */
@media (max-width:768px){
  :root{ --mobile-header:112px; } /* ако скриеш златната лента → 72px */

  /* панелът на менюто: фиксиран, с бял фон */
  header-drawer details[open] > .menu-drawer{
    position: fixed !important;
    inset: var(--mobile-header) 0 0 0 !important; /* top, right, bottom, left */
    z-index: 300 !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.18);
  }
  /* вътрешност → да запълва и да скролира само тя */
  .menu-drawer__inner{
    height: 100% !important;
    max-height: none !important;
    overflow: auto !important;
    -webkit-overflow-scrolling: touch;
    background: #fff !important;
  }
  .menu-drawer__navigation{ background:#fff !important; }

  /* оверлей над страницата */
  header-drawer details[open]::before{
    content: "" !important;
    position: fi
/* MOBILE: приближи predictive search до полето */
@media (max-width: 749px) {
  /* 1) махни излишния отстъп под полето за търсене */
  .search-modal__form { 
    margin-bottom: 6px !important;
  }

  /* 2) вдигни самия dropdown (ако е позициониран чрез top) */
  .predictive-search--header,
  #predictive-search {
    top: calc(var(--header-bottom-position, 0px) - 12px) !important;
  }

  /* 3) ако вместо top се ползва вътрешен отстъп/маргин на контейнера */
  .predictive-search,
  .predictive-search__results {
    margin-top: -10px !important;
  }

  /* 4) за всеки случай – да е над съдържанието */
  .predictive-search--header,
  #predictive-search { 
    z-index: 60 !important;
  }
}
/* ===== MOBILE: вдигаме predictive search по-близо до полето ===== */
@media (max-width: 749px) {
  /* 1) по-малък отстъп под input-а */
  .search-modal .search-modal__form { 
    margin-bottom: 6px !important;
  }

  /* 2) преместваме самия дропдаун нагоре (работи дори при inline top) */
  .search-modal [id="predictive-search"],
  .search-modal .predictive-search--header,
  .search-modal .predictive-search {
    top: calc(var(--header-bottom-position, 0px) - 16px) !important;
    margin-top: -12px !important;   /* ако top е игнориран от темата, това ще “дръпне” панела */
    z-index: 60 !important;
  }

  /* 3) намаляваме самата променлива за позицията (някои версии четат само нея) */
  .search-modal[open] {
    --header-bottom-position: 64px !important;  /* ПРОБВАЙ 64 → 56 → 48 докато стане идеално */
  }
}
/* Footer heading по-светъл */
.footer .footer__heading,
.footer .footer-block__heading,
.footer .footer-block__title,
.footer h2, .footer h3 {
  color: #ffffff !important;   /* или пробвай #F5E6C8, ако искаш „златисто“ */
}

/* Ако заглавието е бледо заради opacity от схемата */
.footer .footer__heading,
.footer .footer-block__heading {
  opacity: 1 !important;
}

/* По желание: леко подсилване на линковете във футъра */
.footer a { color: #F5E6C8; }      /* златисто */
.footer a:hover { text-decoration: underline; }
/* Оправяне на заглавието във футъра */
.footer-block__heading.inline-richtext {
  color: #ffffff !important;   /* бял текст */
  opacity: 1 !important;       /* маха избледняването */
  font-weight: 600;            /* леко удебеляване */
}
/* 1) Най-силен таргет към заглавието */
.footer .footer-block__heading.inline-richtext,
.footer .footer-block__heading.inline-richtext strong {
  color: #ffffff !important;   /* смени на #F5E6C8 за златисто */
  opacity: 1 !important;
}

/* 2) Ако темата налага цвят през CSS променливи — override за футъра */
.footer {
  --color-foreground: #ffffff !important;
}

/* 3) За всеки случай: изключи избледняване от color-scheme класовете */
footer.color-scheme-*, .footer [class*="color-scheme"] .footer-block__heading {
  color: #ffffff !important;
  opacity: 1 !important;
}
/* 1) Най-силен таргет към заглавието */
.footer .footer-block__heading.inline-richtext,
.footer .footer-block__heading.inline-richtext strong {
  color: #ffffff !important;   /* смени на #F5E6C8 за златисто */
  opacity: 1 !important;
}

/* 2) Ако темата налага цвят през CSS променливи — override за футъра */
.footer {
  --color-foreground: #ffffff !important;
}

/* 3) За всеки случай: изключи избледняване от color-scheme класовете */
footer.color-scheme-*, .footer [class*="color-scheme"] .footer-block__heading {
  color: #ffffff !important;
  opacity: 1 !important;
}
/* Светъл цвят на заглавието "Нуждаеш се от помощ?" във футъра */
footer .footer-block__heading,
footer .footer-block__heading strong {
  color: #F5E6C8 !important;   /* бяло: #ffffff */
  opacity: 1 !important;
}

/* Ако темата оцветява през CSS променливи – override за футъра */
footer, .footer {
  --color-foreground: 245, 230, 200 !important;  /* RGB за #F5E6C8 */
}
/* 1) Таргетираме конкретно футъра по ID (по-силно от предишните селектори) */
#shopify-section-footer .footer-block__heading,
#shopify-section-footer .footer-block__heading strong {
  color: #F5E6C8 !important;   /* бяло: #ffffff */
  opacity: 1 !important;
}

/* 2) Ако схемата оцветява през CSS променливи (Sense/Dawn), override-ваме ги */
#shopify-section-footer {
  --color-foreground: 245, 230, 200 !important;  /* RGB на #F5E6C8 */
  --alpha-foreground: 1 !important;              /* маха “изпускане” на цвета */
}

/* 3) Ако родителски блок слага обща прозрачност */
#shopify-section-footer .footer-block { opacity: 1 !important; }
/* Форсираме светъл цвят на заглавието във футъра */
#shopify-section-footer .footer__content-top,
#shopify-section-footer .footer-block,
#shopify-section-footer .footer-block__heading,
#shopify-section-footer .footer-block__heading strong {
  color: #F5E6C8 !important;     /* използвай #ffffff за чисто бяло */
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  text-shadow: none !important;
  --alpha-foreground: 1 !important;            /* вдига алфата, ако се ползва rgba(var(--color-foreground)/alpha) */
  --color-foreground: 245 230 200 !important;  /* RGB за #F5E6C8 (новият цвят) */
  --color-heading: 245 230 200 !important;     /* някои теми ползват отделна променлива за headings */
}

/* За всеки случай: ако color scheme клас „гаси“ заглавието */
#shopify-section-footer [class*="color-scheme"] .footer-block__heading,
#shopify-section-footer [class*="color-scheme"] .footer-block__heading strong {
  color: #F5E6C8 !important;
  opacity: 1 !important;
}
#shopify-section-footer h2.footer-block__heading { color:#fff !important; opacity:1 !important; }