/* all style start*/
.gift-page,.gift-cart-body{
	--gift_white:#FFFFFF;
	--gift_text_dark:#1E1B1B;
	--gift_purple:#814B78;
	--gift_purple2:#F1E9F0;
	--gift_purple3:#C0A5BB;
	--gift_gray:#828282;
}
.none{
	display:none;
}
.gift-container{
	max-width:1180px;
	margin-left:auto;
	margin-right:auto;
	padding-left:15px;
	padding-right:15px;
}
.gift-page h1{
	font-weight:500;
	margin:0;
}
.purple{
	color:var(--gift_purple);
}
.purple-btn40{
	background:var(--gift_purple);
	color:var(--gift_white);
	height:40px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:12px;
	text-decoration:none;
	cursor:pointer;
	font-weight:500;
}
.black-btn40{
	background:var(--gift_text_dark);
	color:var(--gift_white);
	height:40px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:12px;
	text-decoration:none;
	cursor:pointer;
	font-weight:500;
}
.purple-border-btn40{
	background:transparent;
	border:1px solid var(--gift_purple);
	color:var(--gift_purple);
	height:40px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:12px;
	text-decoration:none;
	cursor:pointer;
	font-weight:500;
}
.choose-btn{
	font-size:16px;
}
/* all style end*/
/* gift home start - page 0*/
.gift-home-top{
	display: flex;
    flex-direction: column;
    align-items: center;
	font-weight:500;
}
.gift-home-body{
	background:var(--gift_purple2);
	border-radius:12px;
}
.gift-home-steps{
	display: flex;
    justify-content: center;
}

.gift-home-step{
	display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
}
.gift-home-step-step{
	height: 28px;
    min-width: 40px;
    border-radius: 24px;
    background: var(--gift_white);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0px 5px;
    font-size: 12px;
    font-weight: 500;
	color:var(--gift_purple);
	margin-bottom: 8px;
	opacity: 0.7;
}
.gift-home-body{
	display:flex;
	flex-direction:column;
}
.gift-home-more{
	max-width:688px;
	font-size:16px;
	line-height:140%;
}
.gift-home-bottom{
	display:flex;
	flex-direction:column;
}
.gift-home-bottom-more-left p{
	margin:0;
}
.gift-home-bottom-more{
	background-color: rgba(255,255,255,0.5);
	padding:16px;
	border-radius:12px;
	font-size:14px;
	line-height:20px;
}
.gift-home-bottom-more-left{
	font-weight:500;
}
.gift-home-bottom-more-left a{
	color:var(--gift_purple);
}
.gift-home-bottom-more-right a{
	padding:0 24px;
}
/* gift home end*/

/* gift step all*/
.gift-step-head{
	display:flex;
	align-items:center;
	gap: 8px;
}
.gift-step-nav{
	border-radius:24px;
	display:flex;
	align-items:center;
	gap: 6px;
}
.gift-step-nav.active{
    background: var(--gift_purple2);
}
.gift-step-nav:not(.active){
	background:#F2F2F2;
}
.gift-step-nav b{
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	font-weight:500;
}
.gift-step-nav:not(.active) b{
	background:var(--gift_white);
	color:var(--gift_gray);
}
.gift-step-nav:not(.active) span{
	color:var(--gift_gray);
}
.gift-step-nav.active b{
	background:var(--gift_purple);
	color:var(--gift_white);
}
.gift-step-nav.active span{
	color:var(--gift_purple);
}
.gift-step-line{
	height:4px;
	width:12px;
	background: #F2F2F2;
	border-radius:12px;
}
.gift-page .heading-h2{
	margin:0;
	padding:0;
}
/* gift step all*/

/* gift step 1 */
.gift-category-items{
	display:grid;
}
.gift-category-item{
	background: var(--gift_purple2);
    min-height: 48px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding-left: 8px;
    border-radius: 8px;
	cursor:pointer;
	transition:0.2s;
}
.gift-category-item:hover{
	transition:0.2s;
	background: var(--gift_purple3);
}  
.gift-category-item span{
	font-size:13px;
}
/* gift step 1 */
/* gift cart */
.gift-cart{
	font-size:16px;
}
.gift-cart-top,
.gift-cart-top-right{
	display: flex;
    align-items: center;
}
.gift-cart-top-right{
	gap:8px;
}
.gift-cart-top{
	justify-content:space-between;
	border-bottom:1px solid #E0E0E0;
	
}
.gift-cart-top-right .black-btn40,
.gift-cart-top-right .purple-btn40{
	min-width:154px;
}
.gift-cart-items{
	display: flex;
    flex-direction: column;
    gap: 8px;
}
.gift-cart-item{
	display:flex;
	justify-content:space-between;
}
.gift-cart-right{
	display:flex;
	align-items:center;
	gap:8px;
}
.gift-cart-bottom{
	margin-top:16px;
	margin-bottom:16px;
}
.gift-cart-clear{
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	background:#f2f2f2;
	cursor:pointer;
}
.gift-cart-name{
	font-weight:500;
}
.item-price{
	font-weight:700;
}
.gift-cart-btn{
	display:flex;
	justify-content:flex-end;
}
.gift-cart-btn .purple-border-btn40{
	padding:0 24px;
	display:inline-flex;
}
.gift-cart-top-left span{
	font-weight:700;
}
.purple.gift-more{
	margin-left: 16px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 4px;
	cursor:pointer;
}
.gift-more b{
	display:flex;
	width:24px;
	height:24px;
	min-width:24px;
	justify-content: center;
    align-items: center;
}
.gift-cart.close .gift-more b{
	transform: rotateX(180deg);
}
.gift-cart.close .gift-cart-bottom,
.gift-cart.close .gift-cart-btn{
	display:none;
}
.gift-cart-body{
	box-shadow: 0px -4px 34px 0px #0000001F;
	position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;

}
/* gift cart */

.gift-product-items{
	display:grid;
	gap:24px;
}
.gift-cart-name a{
	text-decoration:none;
	color:var(--gift_text_dark);
}


html {
--c1: 129, 75, 120;	
--c3: 241, 233, 240;
}
/* gift in product */
.gift-product{
	max-width:666px;
}
.gift-product-all{
	display:flex;
	background-color: rgba(var(--c3), 1);
    border-radius: 12px;
	justify-content: space-between;
}
.gift-product-left{
	display:flex;
	gap:12px;
}
.gift-product-btn{
	display: inline-flex;
	align-items:center;
	border:1px solid rgba(var(--c1));
	color:rgba(var(--c1));
	border-radius:12px;
	font-weight:500;
	cursor:pointer;
	transition: .25s, background-color .3s, transform 0s;
}
.gift-product-btn:hover{
	transition: .25s, background-color .3s, transform 0s;
	background-color:rgba(var(--c1));
	color:#fff;
}
.gift-product-left-text a{
	text-decoration:none;
	color:rgba(var(--c1));
}
.gift-product-left-text a:hover{
	text-decoration:underline;
}
.gift-product-right{
	display:flex;
	align-items:center;
}
.gift-product-right:before,
.gift-product-right:after{
	content:'';
	display:flex;
}
.gift-product-right-col.has__plus{
	display: flex;
    align-items: center;
    justify-content: center;
	color:rgba(var(--c1));
	position: relative;
    height: 100%;
}
.gift-product-right-col.has__plus span {
   
    width: 100%;
    
    display: flex;
    justify-content: center;
}
.gift-product-caption{
	display:flex;
	flex-direction:column;
	gap:4px;
	align-items:center;
}
.gift-product-img{
	border-radius:8px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.gift-product-img.gift-ico{
	background:#fff;
}
.gift-product-name{
	color:rgba(var(--c1));
}
.gift-product-img img{
	max-width:100%;
}
@media (min-width: 768px) {
	.gift-product-btn{
		height:40px;
		padding:0 20px;
		font-size:16px;
	}
	.gift-product-all{
		padding:16px 20px;
	}
	.gift-product-left-text{
		font-size:16px;
		line-height:120%;
	}
	.gift-product-right-col:not(.has__plus){
		min-width:62px;
	}
	.gift-product-right:before,
	.gift-product-right:after,
	.gift-product-right-col.has__plus{
		min-width:54px;
	}
	.gift-product-right-col.has__plus span{
		font-size:24px;
		margin-bottom: 25px;
	}
	.gift-product-img{
		min-width:56px;
		width:56px;
		height:56px;
		overflow: hidden;
	}
	
	.gift-product-name{
		font-size:14px;
		line-height:24px;
	}
	.gift-product-img.gift-ico img{
		max-width:32px;
		height: auto;
	}
	.gift-product-left{
		flex-direction:column;
	}
}
@media (max-width: 767px) {
	.gift-product-btn{
		height:36px;
		padding:0 16px;
		font-size:12px;
	}
	.gift-product-all{
		padding:12px;
	}
	.gift-product-left-text{
		font-size:12px;
		line-height:130%;
	}
	.gift-product-right-col:not(.has__plus){
		min-width:58px;
	}
	.gift-product-right:before,
	.gift-product-right:after,
	.gift-product-right-col.has__plus{
		min-width:46px;
	}
	.gift-product-right-col.has__plus span{
		font-size:20px;
		margin-bottom: 15px;
	}
	.gift-product-img{
		min-width:40px;
		width:40px;
		height:40px;
	}
	.gift-product-name{
		font-size:12px;
		line-height:120%;
	}
	.gift-product-img.gift-ico img{
		max-width:24px;
		height: auto;
	}
	.gift-product-all{
		flex-direction:column;
		align-items: center;
	}
	.gift-product-left{
		order: 2;
        width: 100%;
        align-items: center;
        justify-content: center;
        padding-top: 12px;
        margin-top: 12px;
        border-top: 1px solid rgba(var(--c1));
	}
	.gift-product-left{
		gap:16px;
	}
}