/*
@font-face {
    font-family: 'Despair Display';
    src: url('./fonts/DespairDisplay-Bold.woff2') format('woff2'),
         url('./fonts/DespairDisplay-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
*/
/* Taxonomy Page Specific Styles */
body {
    background-color: #F4F4F4;
}
.taxonomy-page {
    width: 100%;
}
.promo_section {
    position: relative;
    margin-right: 5.20833vw;  /* 100/1920*100 */
    margin-top: 7.70833vw;    /* 148/1920*100 */
    margin-left: 5.20833vw;   /* 100/1920*100 */
    height: 17.1875vw;        /* 330/1920*100 */
}

.cover-container {
    position: relative;
    height: 100%;
    width: 100%;
}

.akcii-title {
    position: absolute;
    width: 39.11458vw;       /* 751/1920*100 */
    height: 7.29167vw;       /* 140/1920*100 */
    left: 50%;
    transform: translateX(-50%);
    top: 5.3125vw;           /* 102/1920*100 */
    font-family: 'Despair Display', sans-serif;
    font-weight: 700;
    font-size: 10.41667vw;   /* 200/1920*100 */
    line-height: 80%;
    letter-spacing: -2%;
    text-align: center;
    text-transform: uppercase;
    color: #0A0A0A;
    margin: 0;
    z-index: 2;
}

.sticker {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.41667vw 1.30208vw; /* 8/1920*100 и 25/1920*100 */
    position: absolute;
    border-radius: 2.08333vw;     /* 40/1920*100 */
    z-index: 3;
}

.sticker-text {
    font-family: 'Despair Display', sans-serif;
    font-weight: 700;
    font-size: 2.08333vw;        /* 40/1920*100 */
    line-height: 100%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    display: block;
}


/* Blue Sticker */
.sticker-blue {
    width: 11.47813vw;          /* 220.38/1920*100 */
    height: 4.47917vw;          /* 86/1920*100 */
    left: 5.15625vw;            /* 99/1920*100 */
    top: 3.54323vw;             /* 68.03/1920*100 */
    background: #0000E9;
    border: 0.10417vw solid #0A0A0A; /* 2/1920*100 */
    transform: rotate(-15deg);
}

.sticker-blue .sticker-text {
    color: #FFFFFF;
}

/* Green Sticker */
.sticker-green {
    width: 11.47813vw;          /* 220.38/1920*100 */
    height: 4.47917vw;          /* 86/1920*100 */
    left: 49.6vw;          /* 956/1920*100 */
    top: 10.36458vw;            /* 199/1920*100 */
    background: #01FF00;
    border: 0.10417vw solid #0A0A0A; /* 2/1920*100 */
}

.sticker-green .sticker-text {
    color: #0A0A0A;
}

/* Black Sticker */
.sticker-black {
    width: 11.47813vw;          /* 220.38/1920*100 */
    height: 4.47917vw;          /* 86/1920*100 */
    left: 73.6vw;           /* 1438.26/1920*100 */
    top: 5.10417vw;             /* 98/1920*100 */
    background: #0A0A0A;
    border: 0.05208vw solid #0A0A0A; /* 1/1920*100 */
    transform: rotate(15deg);
}

.sticker-black .sticker-text {
    color: #01FF00;
}

.svg-bg {
    position: absolute;
    
}

.sale-svg {
    left: 54.4vw;           /* 1091/1920*100 */
    top: 0.78125vw;             /* 15/1920*100 */
    height: 9.11458vw;          /* 175/1920*100 */
    z-index: 1;
}

.wow-svg {
    left: 17.44792vw;           /* 335/1920*100 */
    top: 8.07292vw;             /* 155/1920*100 */
    height: 9.11458vw;          /* 175/1920*100 */
    z-index: 2;
}

@media (max-width: 1024px) {
    .promo_section {
        margin-right: 1.9531vw;  /* 20/1024*100 */
        margin-top: 9.5703vw;    /* 98/1024*100 */
        margin-left: 1.9531vw;   /* 20/1024*100 */
        height: 17.0898vw;       /* 175/1024*100 */
    }
    
    .akcii-title {
        width: 32.3242vw;       /* 331/1024*100 */
        height: 6.5430vw;       /* 67/1024*100 */
        top: 5.6641vw;          /* 58/1024*100 */
        font-size: 9.375vw;     /* 96/1024*100 */
    }
    
    .sticker {
        padding: 0.7813vw 2.4414vw; 
        border-radius: 3.9063vw;     /* 40/1024*100 */
    }
    
    .sticker-text {
        font-size: 2.3438vw;        /* 24/1024*100 */
    }
    
    
    /* Blue Sticker */
    .sticker-blue {
        width: 12.6953vw;          /* 130/1024*100 */
        height: 5.8594vw;          /* 60/1024*100 */
        left: 7.8125vw;            /* 80/1024*100 */
        top: 3.2861vw;             /* 33.65/1024*100 */
        border: 0.1953vw solid #0A0A0A; /* 2/1024*100 */
    }
    
    
    /* Green Sticker */
    .sticker-green {
        width: 12.6953vw;          /* 130/1024*100 */
        height: 5.8594vw;          /* 60/1024*100 */
        left: 52.4648vw;           /* 527/1024*100 */
        top: 10.2539vw;            /* 105/1024*100 */
        border: 0.1953vw solid #0A0A0A; /* 2/1024*100 */
    }
    
    
    /* Black Sticker */
    .sticker-black {
        width: 12.6953vw;          /* 130/1024*100 */
        height: 5.8594vw;          /* 60/1024*100 */
        left: 78.8086vw;           /* 807/1024*100 */
        top: 4.0039vw;             /* 41/1024*100 */
    }
    
    .sale-svg {
        left: 57.9102vw;           /* 593/1024*100 */
        top: 0.7813vw;             /* 8/1024*100 */
        height: 9.7656vw;          /* 100/1024*100 */
    }
    
    .wow-svg {
        left: 21.5820vw;           /* 221/1024*100 */
        top: 7.3242vw;             /* 75/1024*100 */
        height: 9.7656vw;          /* 100/1024*100 */
    }
}

@media (max-width: 375px) {
    .promo_section {
        margin-right: 2.66667vw;  /* 10px */
        margin-top: 20.8vw;       /* 78px */
        margin-left: 2.66667vw;   /* 10px */
        height: 26.13333vw;       /* 98px */
    }
    
    .akcii-title {
        width: 40.26667vw;        /* 151px */
        height: 7.46667vw;        /* 28px */
        top: 8vw;                 /* 30px */
        font-size: 10.66667vw;    /* 40px */
    }
    
    .sticker {
        padding: 2.13333vw 6.66667vw; 
        border-radius: 10.66667vw; /* 40px */
    }
    
    .sticker-text {
        font-size: 5.33333vw;     /* 20px */
    }
    
    
    /* Blue Sticker */
    .sticker-blue {
        width: 20.21867vw;        /* 75.82px */
        height: 9.34133vw;        /* 35.03px */
        left: 0;                  
        top: 5.176vw;            /* 19.41px */
        border: 1px solid #0A0A0A; 
    }
    
    
    /* Green Sticker */
    .sticker-green {
        width: 20.21867vw;        /* 75.82px */
        height: 9.34133vw;        /* 35.03px */
        left: 46.93333vw;         /* 176px */
        top: 16.8vw;              /* 63px */
        border: 1px solid #0A0A0A; 
    }
    
    /* Black Sticker */
    .sticker-black {
        width: 20.21867vw;        /* 75.82px */
        height: 9.34133vw;        /* 35.03px */
        left: 76.24267vw;         /* 285.91px */
        top: 6.66667vw;           /* 25px */
    }
    
    .sale-svg {
        left: 61.06667vw;          /* 229px */
        top: 3.73333vw;            /* 14px */
        height: 8.53333vw;         /* 32px */
    }
    
    .wow-svg {
        left: 19.2vw;             /* 72px */
        top: 11.2vw;              /* 42px */
        height: 8.53333vw;        /* 32px */
    }
}


/* Основной контейнер */
.promotions {
    position: relative;
    /*width: 89.583vw;*/
    padding-top: 4.166666666666667vw; /* 180/1920 */
    margin-left: 5.2083vw;
    margin-right: 5.2083vw;
  }
  
  /* Контейнер с карточками */
  .stocks-container {
    flex-direction: column;
    display: flex;
    gap: 2.0833vw; /* 20/1920 */
  }
  
  
  @media (max-width: 1024px) {
    /* Основной контейнер */
    .promotions {
        padding-top: 3.90625vw; /* 180/1920 */
        margin-left: 1.9531vw;
        margin-right: 1.9531vw;
        /*width: 96.09375vw;*/
    }
  
    /* Контейнер с карточками */
    .stocks-container {
      gap: 2.9296875vw; /* 15/1024 */
    }
  
  }
  
  @media (max-width: 375px) {
    /* Основной контейнер */
    .promotions {
        padding-top: 8vw; /* 180/1920 */
        margin-left: 2.666666666666667vw;
        margin-right: 2.666666666666667vw;
        /*width: 94.6666vw;*/
    }
  
    /* Контейнер с карточками */
    .stocks-container {
      gap: 2.666666666vw; /* 10/375 */
    }
  }  

  @media (max-width: 345px) {
    html, body {
      overflow-x: hidden;
    }
}