.header2021 .page-content-inner {
    max-width: none;
}
.gift-ideas-swiper .swiper-slide {
    width: 140px;
	padding: 0;
    box-sizing: border-box;
	margin-right: 30px;
}
.gift-ideas-swiper .categories-nav-img {
	width: 120px;
	height: 102px;
	margin: 0 auto;
}
.gift-ideas-swiper .categories-nav-img:before {
	width: 120px;
	height: 120px;
	background-color: #fff;
	transition: unset;
}
.gift-ideas-swiper .categories-nav-img::after {
	content: '';
	width: 120px;
	height: 120px;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 50%;
    transition: background 0.3s;
}
.gift-ideas-swiper .categories-nav-title {
	font-size: 15px;
	line-height: 20px;
	padding-bottom: 1px;
}
.vjs-top-bar .left .vjs-live-logo {
	display: flex;
	align-items: center;
	font-size: 12px;
	font-weight: bold;
	background-color: #CC4100;
	border-radius: 0 6px 6px 0;
	padding: 0 4px 0 2px;
	position: relative;
	margin-right: 16px;
	line-height: 24px;
	color: #fff;
}
/* material */
/* gift-banner */
.gift-hero {
	background-color: #ECEDEA;
	background: linear-gradient(0deg,#fff 0%,#ECEDEA 45%);
	background-size: 100% 100%;
	overflow: hidden;
	position: relative;
    max-width: 1920px;
    margin: 0 auto;
}
.gift-hero::before {
	content: '';
    background: url("https://c1.neweggimages.com/webresource/themes/Nest/gift/Banner_Normal_V2.png") no-repeat;
    background-size: 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.gift-hero .hero-banner-gradient {
    height: 180px;
	background-image: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}
.dark-mode .gift-hero .hero-banner-gradient {
	background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 110%);
}

/*  gift-price-wrap  */
.gift-price-wrap .material-box1 {
    left: -3.5%;
    bottom: -18%;
}
.gift-price-wrap .material-box1 .material {
    width: 162px;
    height: 162px;
    background-image: url("https://c1.neweggimages.com/webresource/themes/Nest/gift/Normal_V2_Gift.png");
}
.gift-price-wrap .material-box2 {
    left: 74%;
    top: 0;
}
.gift-price-wrap .material-box2 .material {
    width: 300px;
    height: 188px;
    background-image: url("https://c1.neweggimages.com/webresource/themes/Nest/gift/Normal_V2_Line_Left.png");
}
.gift-price-wrap .material-box4 {
    right: -13%;
    top: -8%;
}
.gift-price-wrap .material-box4 .material {
    width: 138px;
    height: 78px;
    background-image: url("https://c1.neweggimages.com/webresource/themes/Nest/gift/Normal_V2_Leaf.png");
}
.gift-price-wrap .material-box5 {
    left: -30px;
    bottom: 0;
    overflow: hidden;
    height: 40%;
}
.gift-price-wrap .material-box5::after {
    content: "";
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 100%;
    display: block;
    position: absolute;
    left: 24px;
    bottom: -10px;
}
.gift-price-wrap .material-box5 .material {
    width: 121px;
    height: 121px;
    background-color: rgba(35, 154, 51,.05);
    border-radius: 100%;
}
.gift-price-wrap .material-box6 {
    right: -24%;
    top: 0;
}
.gift-price-wrap .material-box6 .material {
    width: 260px;
    height: 188px;
    background-image: url("https://c1.neweggimages.com/webresource/themes/Nest/gift/Normal_V2_Line_Right.png");
}
.gift-price-wrap .material-box7 {
    left: -48px;
    top: 0;
    overflow: hidden;
    height: 40%;
    transform: rotateX(180deg);
}
.gift-price-wrap .material-box7::after {
    content: "";
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 100%;
    display: block;
    position: absolute;
    left: 40px;
    bottom: -10px;
}
.gift-price-wrap .material-box7 .material {
    width: 158px;
    height: 158px;
    background-color: rgba(35, 154, 51,.05);
    border-radius: 100%;
}
.gift-price-wrap .material-box8 {
    right: -4%;
    bottom: -4%;
    transform: rotateX(-180deg);
    
}
.gift-price-wrap .material-box8 .material {
    width: 138px;
    height: 78px;
    transform: rotate(200deg);
    background-image: url("https://c1.neweggimages.com/webresource/themes/Nest/gift/Normal_V2_Leaf.png");
}

/* color & font*/
/*  gift-price-wrap  */
.gift-price-wrap .price-title { 
    color: #363636;
}
.gift-price-wrap .price-item::after {
    background-image: linear-gradient(to bottom, #fff 0%, #fff 50%, transparent 50%); 
}
.gift-price-wrap .price-item::before {
	background-image: linear-gradient(to bottom, #E0FAE3 0%, #F7FFF7 100%);
}
.gift-price-wrap .price-title {
    text-transform: uppercase;
    font-weight: 700;
}
.gift-price-wrap .goods-price {
    color: #BD4B00;
    line-height: 55px;
}
.gift-price-wrap .goods-price-current .goods-price-symbol {
	font-size: 28px;
    font-weight: 600;
}
.gift-price-wrap .goods-price-current .goods-price-value strong {
	font-size: 40px;
    font-weight: 800;
}
.gift-price-wrap .goods-price .line {
    font-size: 40px;
    font-weight: 600;
}

/*   responsive  */
@media (max-width: 1799px) {
    .gift-price-wrap .material-box1 {
        left: -5.5%;
    }
    .gift-price-wrap .material-box2 {
        left:68%;
    }
    .gift-price-wrap .material-box6 {
        right: -28%;
    }
}
@media (max-width: 1599px) {
	.gift-price-wrap .material:not(.material-box8 .material) {
		transform: scale(.7);
        transform-origin: left top;
	}
    .gift-price-wrap .material-box5 .material,
    .gift-price-wrap .material-box7 .material {
       transform: scale(1) !important;
    }
    .gift-price-wrap .material-box1 {
        left: -6%;
        bottom: -35%;
    }
    .gift-price-wrap .material-box2 {
        left: 78%;
        top: 8%;
        transform: rotate(-18deg);
    }
    .gift-price-wrap .material-box4 {
        right: -20%;
        top: -4%;
    }
    .gift-price-wrap .material-box6 {
        top: 20%;
        right: -36%;
        transform: rotate(20deg);
    }
    .gift-price-wrap .material-box8 {
        right: -10%;
        top: -50%;
    }
}
@media (max-width: 1499px) {
    .gift-price-wrap .material-box6 {
        right: -46%;
    }
    .gift-price-wrap .material-box8 {
        right: -12%;
    }
}
@media (max-width: 1399px) { 
    .gift-ideas-swiper .swiper-slide {
		width: 120px;
	}
	.gift-ideas-swiper .categories-nav-img {
		width: 120px;
        height: 120px;
	}
	.gift-ideas-swiper .categories-nav-img::after {
		width: 120px;
        height: 120px;
	}
	.gift-ideas-swiper .categories-nav-img:before {
		width: 120px;
		height: 120px;
	}
}
@media (max-width: 1299px) {
   .gift-price-wrap .material-box2 {
       left: 70%;
   }
   .gift-price-wrap .material-box6 {
       right: -50%;
   }
   .gift-price-wrap .material-box8 {
       right: -12%;
   }
   .gift-price-wrap .price-title {
       font-size: 18px;
   }
   .gift-price-wrap .goods-price-current .goods-price-value strong {
       font-size: 30px;
   }
}
@media (max-width: 1199px) {
    .gift-price-wrap .price-item3::before {
       -webkit-mask: radial-gradient(circle at 100% 0, transparent 9px, #E8E8E8 0),
       radial-gradient(circle at 100% 100%, transparent 9px, #E8E8E8 0);
       -webkit-mask-size: 100% 51%;
       -webkit-mask-position: top, bottom;
       -webkit-mask-repeat: no-repeat;
    }
    .gift-price-wrap .price-item2::before{
       -webkit-mask: radial-gradient(circle at 0 0, transparent 9px, #E8E8E8 0),
       radial-gradient(circle at 0 100%, transparent 9px, #E8E8E8 0);
       -webkit-mask-size: 100% 51%;
       -webkit-mask-position: top, bottom;
       -webkit-mask-repeat: no-repeat;
    }
    .gift-price-wrap .price-item2:after {
       display: none;
    }
    .gift-price-wrap .material,
    .gift-price-wrap .material:not(.material-box8 .material) {
       transform: scale(1);
    }
    .gift-price-wrap .material-box1 {
        left: -3%;
        top: 0;
        bottom: auto;
    }
    .gift-price-wrap .material-box2 .material {
        transform-origin: right top;
    }
    .gift-price-wrap .material-box2 {
        left: auto;
        right: -36%;
        top: 0;
        transform: rotate(0deg);
    }
    .gift-price-wrap .material-box2 .material,
    .gift-price-wrap .material-box6 .material {
        height: 133px;
    }
    .gift-price-wrap .material-box6 .material {
        background-position: 0 -54px;
    }
    .gift-price-wrap .material-box4 {
       right: 0;
       top: -10%;
    }
    .gift-price-wrap .material-box4 .material {
        background-position: 46px 0;
    }
    .gift-price-wrap .material-box4-1 {
        right: 0;
        bottom: 0;
        overflow: hidden;
        width: 50px;
        height: 50px;
        transform: rotate(360deg);
    }
    .gift-price-wrap .material-box4-1 .material {
        width: 121px;
        height: 121px;
        background-color: rgba(35, 154, 51,.05);
        border-radius: 100%;
    }
    .gift-price-wrap .material-box5-1 {
        left: 0;
        right: auto;
        top: 0;
        overflow: hidden;
        border-radius: 8px 0 0 0;
    }
    .gift-price-wrap .material-box5-1 .material {
        width: 138px;
        height: 78px;
        background-image: url("https://c1.neweggimages.com/webresource/themes/Nest/gift/Normal_V2_Leaf.png");
        background-position: -85px -26px;
    }
    .gift-price-wrap .material-box5 {
        left: 0;
        bottom: 0;
        overflow: hidden;
        width: 60px;
        height: 60px;
        transform: rotate(90deg);
    }
    .gift-price-wrap .material-box5::after {
        content: "";
        display: none;
    }
    .gift-price-wrap .material-box6 {
        top: 0;
        right: -26%;
        transform: rotate(0deg);
    }
    .gift-price-wrap .material-box7 {
        height: 50%;
    }
    .gift-price-wrap .material-box8 {
       right: -4%;
       top: -24%;
    }
    .gift-price-wrap .price-title {
        font-size: 20px;
    }
    .gift-price-wrap .goods-price-current .goods-price-value strong {
        font-size: 40px;
    }
}
@media (max-width: 999px) { 
    .gift-price-wrap .material-box1 {
        left: -6%;
        bottom: -10%;
    }
    .gift-price-wrap .material-box2 {
        left: 68%;
    }
    .gift-price-wrap .material-box6 {
        right: -30%;
    }
    .gift-price-wrap .material-box8 .material {
        width: 120px;
        height: 70px;
    }
}
@media (max-width: 999px) {
    .gift-ideas-swiper .swiper-slide {
		width: 120px;
		margin-right: 30px;
	}
	.gift-ideas-swiper .categories-nav-img {
		width: 120px;
		height: 120px;
	}
	.gift-ideas-swiper .categories-nav-img::after {
		width: 120px;
		height: 120px;
	}
	.gift-ideas-swiper .categories-nav-img:before {
		width: 120px;
		height: 120px;
	}
	.gift-ideas-swiper .categories-nav-title {
		font-size: 14px;
	}
}
@media (max-width: 799px) {
    /* gift banner */
    .gift-hero::before {
        content: '';
        background: url("https://c1.neweggimages.com/webresource/themes/Nest/gift/Banner_Normal_375_V2.png") no-repeat;
        background-size: 100%;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .gift-hero .hero-banner-gradient {
        background-image: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    }
    .dark-mode .gift-hero .hero-banner-gradient {
        background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 80%);
        height: 135px;
    }
    .gift-price-wrap .price-item:after {
        display: none;
    }
    .gift-price-wrap .price-item::before {
        -webkit-mask: radial-gradient(circle at 0 0, transparent 0, #E8E8E8 0);
    }
    .gift-price-wrap .material:not(.material-box8 .material) {
        transform: scale(.9);
        -webkit-transform-origin: left top;
        transform-origin: left top;
    }
    .gift-price-wrap .material-box4 .material:not(.material-box8 .material),
    .gift-price-wrap .material-box6 .material:not(.material-box8 .material) {
        -webkit-transform-origin: right top;
        transform-origin: right top;
    }
    .gift-price-wrap .material-box2 .material:not(.material-box8 .material) {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
    }
    .gift-price-wrap .material-box7-1 .material:not(.material-box8 .material) {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
    }
    .gift-price-wrap .material-box1 .material {
        transform: scale(.8) !important;
        transform-origin: left top;
    }
    .gift-price-wrap .material-box1 {
        left: -.8%;
        bottom: auto;
        top: -18%;
    }
    .gift-price-wrap .material-box2 {
        left: auto;
        right: 0;
        top: auto;
        bottom: 0;
        overflow: hidden;
        border-radius:0 8px 0 0;
    }
    .gift-price-wrap .material-box2 .material {
        background-position: 190px -20px;
    }
    .gift-price-wrap .material-box3 {
        left: 0;
        right: auto;
        top: 0;
        overflow: hidden;
        border-radius: 8px 0 0 0;
    }
    .gift-price-wrap .material-box3 .material {
        width: 300px;
        height: 188px;
        background-image: url("https://c1.neweggimages.com/webresource/themes/Nest/gift/Normal_V2_Line_Left.png");
        background-position: -100px 0;
    }
    .gift-price-wrap .material-box5-1 .material {
        background-position: -76px -26px;
    }
    .gift-price-wrap .material-box4,
    .gift-price-wrap .material-box6 {
        right:0;
    }
    .gift-price-wrap .material-box6 .material {
        background-position: 100px 0;
    }
    .gift-price-wrap .material-box7 {
        left: 0;
        bottom: 0;
        overflow: hidden;
        width: 90px;
        height: 90px;
        transform: rotate(180deg);
        border-radius: 8px 0 0 0;
    }
    .gift-price-wrap .material-box6-1 {
        right: 0;
        top: 0;
        overflow: hidden;
        width: 90px;
        height: 90px;
        transform: rotate(-90deg);
        border-radius: 0 8px 0 0;
    }
    .gift-price-wrap .material-box6-1 .material {
        width: 158px;
        height: 158px;
        background-color: rgba(35, 154, 51,.05);
        border-radius: 100%;
    }
    .gift-price-wrap .material-box7-1 {
        left: 0;
        right: auto;
        bottom: 0;
        overflow: hidden;
        border-radius: 8px 0 0 0;
    }
    .gift-price-wrap .material-box7-1 .material {
        width: 260px;
        height: 188px;
        background-image: url("https://c1.neweggimages.com/webresource/themes/Nest/gift/Normal_V2_Line_Right.png");
        background-position: -120px 0;
    }
    .gift-price-wrap .material-box7::after {
        content: "";
        display: none;
    }
    .gift-price-wrap .material-box8 {
        right: -2.5%;
    }
}
@media (max-width: 599px) {
    .gift-price-wrap .price-title {
        font-size: 16px;
    }
    .gift-price-wrap .goods-price-current .goods-price-value strong {
        font-size: 40px;
    }
}
@media (max-width: 499px) {
    .gift-hero .hero-banner-gradient {
        background-image: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(215,238,225,1) 40%);
        height: 130px;
    }
    .dark-mode .gift-hero .hero-banner-gradient {
        background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 80%);
    }
    .gift-price-wrap .material-box3 .material:not(.material-box8 .material),
    .gift-price-wrap .material-box7-1 .material:not(.material-box8 .material) {
        transform: scale(.7);
    }
    .gift-price-wrap .material-box8 {
        right: -3%;
    }
    .gift-price-wrap .material-box6 {
        right: -4%;
    }
   .gift-price-wrap .material-box6-1,
   .gift-price-wrap .material-box7 {
       width: 80px;
       height:80px;
   }
   .gift-price-wrap .material-box5 {
       width: 30px;
       height: 30px;
   }
   .gift-price-wrap .material-box6 .material {
       background-position: 110px 0;
   }
}
@media (max-width: 399px) { 
    .dark-mode .gift-hero .hero-banner-gradient {
        background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 40%);
        height: 140px;
    }
    .gift-price-wrap .material-box6 .material {
        background-position: 120px 0;
    }
    .gift-price-wrap .material-box7-1 .material {
        background-position: -160px 0;
    }
    .gift-price-wrap .material-box8 {
        right: -5%;
    }
    .gift-price-wrap .material-box8 .material {
        width: 100px;
        height: 58px;
    }
    .page-content-inner > .section-title .section-title-text {
        z-index: 3;
    }
    .gift-price-wrap .material-box1 .material {
        transform: scale(.7) !important;
    }
    .gift-price-wrap .material-box1 {
        left: -1.3%;
        top: -42%;
    }
    .gift-price-wrap .material-box6 .material {
        background-position: 130px 0;
    }
}


/* dark mode */
.dark-mode .gift-hero {
	background: transparent;
	background: linear-gradient(180deg,#fff 8%,#ECEDEA 70%, #000 140%);
}
.dark-mode .gift-price-wrap .price-item::after {
    background-image: linear-gradient(to bottom, #121212 0%, #121212 50%, transparent 50%); 
}
.dark-mode .gift-price-wrap .price-item::before {
	background-image: linear-gradient(to bottom, #082B0D 0%, #031F07 100%);
}
.dark-mode .gift-price-wrap .material-box5::after,
.dark-mode .gift-price-wrap .material-box7::after {
    background-color: #121212 !important;
}
.dark-mode .gift-price-wrap .price-title {
    color: #e8e8e8;
}
.dark-mode .gift-price-wrap .goods-price {
    color: #FFC2B9;
}
.dark-mode .trending-gifts .button-like {
    background-color: #000;
    border-radius: 100%;
}