/** Shopify CDN: Minification failed

Line 52:0 Unexpected "@media"

**/
/* ==========================================================
   PERF-OVERRIDES.CSS — optimizare mobil & viteză T.M&M
   Autor: Truica Paul — Data: 2025-11-04
   ========================================================== */

/* === FLEX / HEIGHT UTILS === */
.layout-panel-flex--row > .group-block--width-fit { flex: 0; }
.layout-panel-flex--row > .group-block--width-fill { flex: 1; }
.layout-panel-flex--row > .group-block--width-custom { flex-basis: var(--size-style-width); }

.group-block--height-fit { height: auto; }
.group-block--height-custom, .group-block--height-fill { height: var(--size-style-height); }

.layout-panel-flex--column > .group-block--height-fit { flex: 0 1 auto; }
.layout-panel-flex--column > .group-block--height-fill { flex: 1; }
.layout-panel-flex--column > .group-block--height-custom { flex-basis: var(--size-style-height); }

/* === ACCORDION SIMPLIFICAT === */
accordion-custom details::details-content,
accordion-custom details .details-content {
  block-size: 0;
  overflow-y: clip;
  opacity: 0;
  transition: block-size 220ms ease, opacity 220ms ease, padding-block 220ms ease;
}

accordion-custom details[open]::details-content,
accordion-custom details[open] .details-content {
  opacity: 1;
  block-size: auto;
}

@media (max-width: 749px) {
  accordion-custom[data-disable-on-mobile='true'] summary { cursor: auto; }
}
@media (min-width: 750px) {
  accordion-custom[data-disable-on-desktop='true'] summary { cursor: auto; }
}

/* === SCROLL BEHAVIOR – DOAR PE DESKTOP === */
@media (min-width: 750px) {
  html { scroll-behavior: smooth; }
}

/* === TRUNCHIERE TITLURI === */
[product-grid-view='zoom-out'] :is(.product-card, .product-grid__card) :is(h4, .h4),
@media (max-width: 749px) {
  :is(.product-card, .product-grid__card) :is(h4, .h4) {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
  }
}

/* === HOVER DOAR PE DESKTOP === */
@media (hover:hover) and (pointer:fine) {
  .product-card:hover,
  .collection-card:hover,
  .resource-card:hover,
  .predictive-search-results__card--product:hover,
  .predictive-search-results__card:hover {
    position: relative;
    z-index: var(--layer-raised);
    transition: transform var(--hover-transition-duration) var(--hover-transition-timing),
                box-shadow var(--hover-transition-duration) var(--hover-transition-timing);
  }
}

/* === PREVINE ZOOM IOS === */
@media (max-width: 1200px) {
  input, textarea, select,
  .paragraph.paragraph input, .paragraph.paragraph textarea, .paragraph.paragraph select,
  .h1.h1 input, .h1.h1 textarea, .h1.h1 select,
  .h2.h2 input, .h2.h2 textarea, .h2.h2 select,
  .h3.h3 input, .h3.h3 textarea, .h3.h3 select,
  .h4.h4 input, .h4.h4 textarea, .h4.h4 select,
  .h5.h5 input, .h5.h5 textarea, .h5.h5 select,
  .h6.h6 input, .h6.h6 textarea, .h6.h6 select {
    font-size: max(1rem, 100%);
  }
}

/* === MARQUEE – static pe mobil === */
.marquee, .marquee__track { min-height: 44px; }
.marquee__track {
  display: flex;
  gap: 2rem;
  align-items: center;
  white-space: nowrap;
  will-change: transform;
  animation: marquee 25s linear infinite;
}
@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce),
       (max-width: 749px) {
  .marquee__track {
    animation: none !important;
    transform: translateX(0) !important;
  }
}

/* === ANNOUNCEMENT STICKY – activ doar dacă vrei bara fixă === */
@media (max-width: 749px){
  .announcement-bar,
  .shopify-section-announcement,
  [id*="shopify-section-announcement"],
  .marquee, .announcement {
    position: sticky;
    top: 0;
    z-index: 60;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    display: block !important;
  }

  /* dacă vezi salturi de layout, comentează linia următoare */
  /* .header-wrapper--sticky { top: 32px; } */
}

/* === BADGE BLACK FRIDAY === */
.card__information .price--on-sale::after {
  content: "Black Friday";
  display: block;
  color: #d00000;
  font-weight: 700;
  font-size: 14px;
  margin-top: 4px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}