/** Shopify CDN: Minification failed

Line 674:0 Expected "}" to go with "{"

**/
/* =========================================================
   PRG CUSTOM — Premium header styling for Dawn
   Replace the whole file with this content.
   ========================================================= */

/* ---------- Brand tokens ---------- */
:root{
  --prg-black: #0b0d12;   /* deep black / dark navy */
  --prg-white: #ffffff;
  --prg-red:   #c30013;
}

/* =========================================================
   1) HEADER — ALWAYS BLACK
   ========================================================= */

/* Remove divider / shadow under header */
.shopify-section-group-header-group,
#shopify-section-header,
[id^="shopify-section-header"],
.header-wrapper,
.header-wrapper--border-bottom,
.header-wrapper::after,
.header::after{
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* Force black background on all likely Dawn header layers */
html body .shopify-section-group-header-group,
html body #shopify-section-header,
html body [id^="shopify-section-header"],
html body .header-wrapper,
html body .header{
  background: var(--prg-black) !important;
  background-color: var(--prg-black) !important;
  --gradient-background: var(--prg-black) !important;
  --color-background: 11, 13, 18 !important; /* rgb for #0b0d12 */
}

/* Keep menu items + icons white */
html body .header__menu-item,
html body .header__heading-link,
html body .header__icon,
html body summary.header__icon{
  color: var(--prg-white) !important;
}

/* Make SVG icons inherit white */
html body .header__icon svg,
html body summary.header__icon svg{
  fill: currentColor !important;
  color: currentColor !important;
}

/* Optional: slightly tighter header (feel more “premium”) */
html body .header{
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* =========================================================
   2) HEADER LINKS — premium hover underline
   ========================================================= */

html body .header__menu-item{
  position: relative;
}

html body .header__menu-item::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-6px;
  height:1px;
  background: transparent;
  transition: background-color .18s ease, opacity .18s ease;
  opacity: .9;
}

/* Active link underline (optional) */
html body .header__active-menu-item::after{
  background: rgba(255,255,255,.35);
}

/* =========================================================
   3) HERO — remove top gap if any appears under sticky header
   (safe, minimal)
   ========================================================= */
main#MainContent{
  margin-top: 0 !important;
}

/* =========================================================
   4) BUTTONS — subtle premium style (site-wide)
   ========================================================= */

/* Primary buttons */
.button,
.button--primary,
.shopify-payment-button__button{
  border-radius: 0 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}

/* Outline feel for secondary buttons */
.button--secondary{
  background: transparent !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  color: var(--prg-white) !important;
}

/* Hover */
.button:hover,
.button--primary:hover,
.shopify-payment-button__button:hover{
  transform: translateY(-1px);
  transition: transform .18s ease;
}

/* =========================================================
   5) Disable any “transparent header on home” rules (just in case)
   If you had old rules, this overrides them.
   ========================================================= */
body.template-index .header-wrapper,
body.template-index .header{
  background: var(--prg-black) !important;
  background-color: var(--prg-black) !important;
  --gradient-background: var(--prg-black) !important;
  --color-background: 11, 13, 18 !important;
}

/* =========================================================
   6) (Optional) Hide any debug markers if you added them earlier
   ========================================================= */
html.prg-js-loaded::before,
html.prg-scrolled::after{
  content: none !important;
  display: none !important;
}
/* =========================================================
   PRG — Desktop dropdown menu (Dawn) fix
   Make dropdown black so white links stay readable
   ========================================================= */

/* Dropdown panel background */
.header__submenu,
.list-menu--disclosure,
.header__submenu.list-menu {
  background: #0b0d12 !important;
  background-color: #0b0d12 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: none !important;
}

/* Dropdown links */
.header__submenu .list-menu__item,
.header__submenu .header__menu-item,
.list-menu--disclosure .list-menu__item{
  color: #ffffff !important;
}

/* Hover in dropdown */
.header__submenu .list-menu__item:hover,
.list-menu--disclosure .list-menu__item:hover{
  color: #ffffff !important;
  background: rgba(255,255,255,.06) !important;
}
/* =========================================
   PRG — Product cards text fix
   ========================================= */

/* Название товара */
.card__heading,
.card__heading a {
  color: #0b0d12 !important;
}

/* Цена */
.price,
.price * {
  color: #0b0d12 !important;
}

/* Кнопки в карточках */
.card__content .button,
.product-card-wrapper .button {
  color: #0b0d12 !important;
  border-color: rgba(11,13,18,.4) !important;
}

/* Hover кнопки */
.card__content .button:hover,
.product-card-wrapper .button:hover {
  background: #0b0d12 !important;
  color: #ffffff !important;
  border-color: #0b0d12 !important;
}
/* ================================
   PRG — Fix Add to cart button
   (black text on white background)
   ================================ */

.product-form__submit,
button[name="add"],
.product-form__buttons .button--primary {
  background: #ffffff !important;
  color: #0b0d12 !important;
  border: 1px solid #0b0d12 !important;
}

.product-form__submit:hover,
button[name="add"]:hover,
.product-form__buttons .button--primary:hover {
  background: #0b0d12 !important;
  color: #ffffff !important;
}
/* Keep branded dynamic checkout buttons (PayPal/Shop Pay) untouched */
.shopify-payment-button__button--branded {
  background: initial !important;
  color: initial !important;
  border: initial !important;
}
/* =========================================
   PRG — Global button system (Dawn override)
   Black outline buttons, proper contrast
   ========================================= */

/* Default buttons */
.button,
.button--secondary,
.button--primary {
  background: #ffffff !important;
  color: #0b0d12 !important;
  border: 1px solid #0b0d12 !important;
}

/* Hover state */
.button:hover,
.button--secondary:hover,
.button--primary:hover {
  background: #0b0d12 !important;
  color: #ffffff !important;
  border-color: #0b0d12 !important;
}

/* Fix text inside buttons */
.button span,
.button--secondary span,
.button--primary span {
  color: inherit !important;
}

/* Disabled state */
.button[disabled],
.button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
/* ===== GLOBAL PREMIUM BACKGROUND ===== */

body {
  background-color: #ffffff !important;
}

.color-background-1,
.color-background-2,
.color-background-3 {
  background: #ffffff !important;
}
/* ===== PREMIUM BUTTON STYLE ===== */

.button,
button,
.button--primary {
  background-color: #0b0d12 !important;
  color: #ffffff !important;
  border: 1px solid #0b0d12 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 500;
  transition: all 0.25s ease;
}

.button:hover,
button:hover,
.button--primary:hover {
  background-color: transparent !important;
  color: #0b0d12 !important;
}
/* ===== PRODUCT CARDS PREMIUM ===== */

.card {
  background: #ffffff !important;
  border: none !important;
}

.card__information {
  padding-top: 18px !important;
}

.card__heading a {
  font-weight: 500 !important;
  letter-spacing: 0.02em;
}

.price {
  font-weight: 600;
}
/* ===== PRG LUX: typography ===== */
h1, .h0, h2, .h1, h3, .h2{
  letter-spacing: .02em;
}
body, .rte{
  letter-spacing: .01em;
  line-height: 1.65;
}
/* ===== PRG LUX: product cards ===== */
.card-wrapper{
  transition: transform .25s ease, box-shadow .25s ease;
}
.card-wrapper:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 40px rgba(0,0,0,.10);
}

.card__heading a{
  text-decoration: none !important;
  font-weight: 600;
}
.price, .price-item{
  font-weight: 600;
}
/* ===== Industrial header presence ===== */
.header-wrapper {
  border-bottom: none !important;
  box-shadow: 0 1px 0 rgba(255,255,255,0.05) !important;
}
/* ===== Hero typography upgrade ===== */
.banner__heading {
  font-size: 48px !important;
  letter-spacing: 2px !important;
  font-weight: 700 !important;
}

.banner__text {
  font-size: 18px !important;
  letter-spacing: 1px !important;
  opacity: 0.85;
}

.banner__buttons .button {
  background: transparent !important;
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
  padding: 14px 32px !important;
  letter-spacing: 1px;
}

.banner__buttons .button:hover {
  background: #ffffff !important;
  color: #000000 !important;
}

.banner__heading {
  text-align: left !important;
}

.banner__text {
  text-align: left !important;
}
/* ===============================
   PRG Hero – Premium Left Layout
================================ */

/* Сдвигаем контент влево */
.slideshow__text-wrapper {
  justify-content: flex-start !important;
  padding-left: 8vw !important;
}

/* Ограничиваем ширину текстового блока */
.slideshow__text {
  max-width: 520px !important;
  text-align: left !important;
}

/* Затемнение слева (премиум эффект) */
.slideshow__media::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(0,0,0,0.75) 0%,
    rgba(0,0,0,0.55) 35%,
    rgba(0,0,0,0.25) 60%,
    rgba(0,0,0,0) 80%
  );
  z-index: 1;
}

/* Поднимаем текст поверх градиента */
.slideshow__text-wrapper {
  position: relative;
  z-index: 2;
}

/* Увеличиваем главный заголовок */
.slideshow__heading {
  font-size: 64px !important;
  letter-spacing: 2px;
}

/* Уменьшаем на мобильном */
@media screen and (max-width: 768px) {
  .slideshow__heading {
    font-size: 36px !important;
  }

  .slideshow__text-wrapper {
    padding-left: 24px !important;
  }
}
/* PRG HERO: center text vertically */
.slideshow__text-wrapper{
  align-items: center !important;   /* вертикаль */
  justify-content: flex-start !important; /* оставляем влево */
}

/* если вдруг не сдвинется, принудительно уберём "прилипание" к низу */
.slideshow__text{
  margin-bottom: 0 !important;
}
/* ============================= */
/* PRG HERO positioning & style */
/* ============================= */

/* Поднимаем текст в центр */
.banner__content {
  align-items: center !important;
  justify-content: flex-start !important;
}

/* Первая строка (жирная) */
.banner__box .banner__text p:first-child {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 6px;
}

/* Вторая строка (легкая) */
.banner__box .banner__text p:last-child {
  font-weight: 300;
  font-size: 16px;
  opacity: 0.85;
}
/* ============================= */
/* PRG HERO – 3-line layout */
/* ============================= */

/* Поднимаем текст в центр */
.banner__content {
  align-items: center !important;
}

/* Mobile — completely remove it */
@media (max-width: 749px) {
  .banner__heading::after {
    content: none !important;
    display: none !important;
  }
}

/* Третья строка (обычная) */
.banner__text {
  margin-top: 8px !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  opacity: 0.85;
}
/* ============================= */
/* PRG HERO – Premium Heading (B) */
/* Subtle animated metallic sheen */
/* ============================= */

/* ===== PRG HERO – refined metallic sheen ===== */

.banner__heading{
  font-size: 90px !important;
  font-weight: 700 !important;
  letter-spacing: 4px;
  line-height: 1;

  background: linear-gradient(
    115deg,
    #ffffff 0%,
    #dfe5ea 20%,
    #ffffff 40%,
rgb(165, 171, 177) 55%,
    #ffffff 70%,
    #e6ecf1 85%,
    #ffffff 100%
  );

  background-size: 260% 100%;
  background-position: 0% 50%;

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

  text-shadow:
    0 0 10px rgba(255,255,255,0.08),
    0 0 22px rgba(255,255,255,0.05);

  animation: prgSheen 5s ease-in-out infinite;
}

@keyframes prgSheen{
  0%   { background-position: 0% 50%; }
  50%  { background-position: 120% 50%; }
  100% { background-position: 0% 50%; }
}
/* =========================
   PRG HERO — Mobile polish
   ========================= */

/* Target Dawn slideshow banner */
@media (max-width: 749px){

  /* Make slide content sit nicely (not too low) */
  .slideshow__text-wrapper{
    align-items: center !important;     /* vertical center */
  }

  .slideshow__text{
    padding: 18px 18px 22px !important;
    max-width: 92vw !important;
    text-align: left !important;
  }

  /* PRG heading */
  .slideshow__text .banner__heading{
    font-size: 64px !important;         /* was huge */
    line-height: 0.95 !important;
    letter-spacing: 1.5px !important;
    margin: 0 0 10px !important;

    /* keep your metallic look but not слишком “ярко” */
    background-size: 240% 100% !important;
  }

  /* Subheading: we’ll allow 2 lines, bold first line feel via weight */
  .slideshow__text .banner__text{
    margin: 0 0 14px !important;
    max-width: 40ch !important;
  }

  /* First sub-line (you already have it) – make it stronger */
  .slideshow__text .banner__text p{
    margin: 0 0 8px !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;        /* “Equipment…” bold */
    opacity: 1 !important;
  }

  /* If there is a second paragraph / line (we’ll add it next) */
  .slideshow__text .banner__text p + p{
    font-weight: 400 !important;        /* “Engineered…” regular */
    opacity: 0.85 !important;
    margin-top: 0 !important;
  }

  /* CTA button */
  .slideshow__text .banner__buttons{
    margin-top: 6px !important;
  }

  .slideshow__text .banner__buttons .button{
    min-height: 48px !important;
    padding: 12px 18px !important;
    width: auto !important;
    border-width: 1px !important;
    letter-spacing: 2px !important;
  }

  /* Keep CTA from touching edges */
  .slideshow__text .banner__buttons .button{
    box-sizing: border-box !important;
  }
}
@media(max-width:749px){

/* Сдвигаем весь текст влево */
.slideshow__text-wrapper,
.banner__content{
  justify-content:flex-start!important;
}

.banner__box,
.slideshow__text{
  text-align:left!important;
}

.slideshow__text-wrapper{
  padding:0 18px!important;
}

.slideshow__text{
  max-width:80%!important;
}

/* Mobile — hide it completely */
@media (max-width: 749px){
  .banner__heading::after{
    content:none !important;
    display:none !important;
  }
}
/* ===== Responsive hero vertical alignment ===== */

/* Desktop */
@media (min-width: 750px){
  .banner__box {
    margin-top: -60px !important;
  }
}

/* Mobile */
@media (max-width: 749px){
  .banner__box {
    margin-top: -40px !important;
  }
}
/* ===== Mobile HERO polish ===== */
@media (max-width: 749px){
  .slideshow__text-wrapper{
    justify-content: flex-start !important;
  }

  .slideshow__text{
    text-align: left !important;
    max-width: 82% !important;
  }

  .banner__box{
    margin-left: 6% !important;
  }

  .banner__heading{
    line-height: 0.95 !important;
    letter-spacing: 0.5px !important;
  }

  .banner__text{
    line-height: 1.25 !important;
  }

  .banner__buttons .button{
    width: auto !important;
    min-width: 170px !important;
  }
}