.promo-container{max-width:100%;margin:60px auto 80px;overflow:hidden; background: #0b0b0b;}
.an-coupon{background:#0b0b0b url(rt.png) right top no-repeat;color:#fff;text-align:center;padding:180px 20px 40px}
.an-coupon h1{font-family:Arial,sans-serif;font-size:8rem;color:#fe8b00;margin:0 0 10px 0; font-style: italic;font-weight: 700;letter-spacing:1px}
.an-coupon p{font-size:4rem;margin:0;font-weight:500;letter-spacing:1px}
.coupons-section{display:flex;justify-content:center;align-items:center;gap:20px;padding:30px 10px}
.an-gift{position: relative;}
.an-gift .content {position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #0b0b0b;
  padding: 20px;
  text-align: center;}
.an-gift .text-buy{font-size:4rem;font-weight:700;margin:0}
.an-gift a { text-decoration:none; }
.an-gift .text-kit{font-size:8rem;font-weight:700;color:#ff8d31;margin:30px 0 0 0;font-style: italic;text-shadow:1px 1px 3px rgba(0,0,0,.1)}
.an-video {max-width: 1500px;
    margin: 0 auto;
    padding: 3rem 0;}
.an-special .link-shop,.an-tabs .link-shop { margin-top:1rem; }
.an-special .item-name {padding: 1rem 0}
.an-special,.an-influencers,.an-tabs {
    padding: 10px;
}
.an-special {display: flex;}
.an-special .title {color:#ff8d31;}
.an-special .title h3 {font-size: 3.2rem;}
.an-special a {text-decoration: none; color: #fff}
.an-special .text {
    padding: 4rem 0;
    font-size: 2rem;
    line-height: 1.6;
}
.an-special .swiper-slide { text-align:center; }
.tabs-navigation {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
}

.tabs-navigation li {
  flex: 1;
  text-align: center;
  margin: 5px 0;
  padding: 0;
}

.tabs-navigation li a {
  display: block;
  padding: 10px;
  text-decoration: none;
  background-color: #fff;
  color: #060606;
  font-size: 26px;
  font-family: DidotLH;
  transition: background-color 0.3s ease;
}

.tabs-navigation li a.active {
  background-color: #ff8d31;
  color: #fff;
  text-decoration: none;
}

.tab-content {
  display: none;
  padding: 15px;
  margin-top: 10px;
  color: #fff;
}

.tab-content.active {
  display: block;
}
.tab-content .item-name {
  padding: 1rem 0;
}
.link-shop {
background: #ff8d31;
color: #fff;
padding: 6px 20px;
display: inline-block;
border-radius: 15px;
}
a.link-shop { color:#fff; }
.link-shop.grab {
  border-radius: 0;
  padding: 10px 20px;
  font-size: 16px;
}
.tab-content .swiper-slide { text-align:center; }
.an-tabs {background: url(lb.jpg) left bottom no-repeat;}
.tab-content {padding-bottom: 160px}
.price .old-price {color: #fff; text-decoration: line-through;}
.price .new-price { color: #ff8d31; font-size: 16px; font-weight: bold;}
.an-history {
  padding-top: 8rem;
}

@media (min-width: 768px) {
.page-main {
  max-width: initial;
  padding: 0;
}
.breadcrumbs, .nav-sections {display: none;}
.an-cats .row {gap:5px;}
.an-cats .col-6 {width: calc(50% - 2.5px);}
.an-special .title {
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 20px;
    box-sizing: border-box;
}
.special-slider {
    width: 75%;
}
}

@media (max-width:768px){
.page-main {padding: 0}
.promo-container{margin:60px auto 30px;}
.an-coupon {background-size: 120px; padding-top: 120px}
.an-coupon h1{font-size:4.2rem}
.an-coupon p{font-size:2.2rem}
.coupons-section{flex-direction:column}
.an-gift .content {width: 100%}
.an-gift .text-buy{font-size:3rem;text-shadow: 
    -1px -1px 0 white,  
     1px -1px 0 white,
    -1px  1px 0 white,
     1px  1px 0 white;}
.an-gift .text-kit{font-size:5rem;text-shadow: 
    -1px -1px 0 white,  
     1px -1px 0 white,
    -1px  1px 0 white,
     1px  1px 0 white;}
.an-special {display: block;}
.tabs-navigation li a {font-size: 22px;}
.tab-content {padding-bottom: 120px}
.an-tabs {background-size: 120px}
.an-special .title {text-align: center;margin-bottom: 2rem;}
.an-special .text { padding:4rem; }
.an-history {
  padding-top: 3rem;
}
}