/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

.btn-mua-ngay {
    display: inline-block;
    background: #ff0000;
    color: #fff;
    padding: 7px 24px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    text-align: center;
}

.btn-mua-ngay:hover {
    background: #cc0000;
    transform: scale(1.05);
}

.btn-mua-ngay:active {
    transform: scale(0.98);
}

.price-wrapper .price{
	font-size: 24px;
}


.kk-form-wrap { font-family: inherit; }
.kk-form-wrap .fr { margin-bottom: 16px; }
.kk-form-wrap label { display:block; font-size:13px; font-weight:700; margin-bottom:8px; color:#1a1a2e; }
.kk-form-wrap label em { color:#e63946; font-style:normal; }
.kk-form-wrap select,
.kk-form-wrap input[type=text],
.kk-form-wrap input[type=tel] {
width:100%; padding:12px 16px; border:1.5px solid #e5e7eb; border-radius:8px;
font-family:inherit; font-size:14px; color:#1a1a2e; background:#fafafa;
outline:none; transition:border-color .2s; box-sizing:border-box;
}
.kk-form-wrap select:focus,
.kk-form-wrap input:focus { border-color:#e63946; background:#fff; }
/* Color swatches */
.kk-color-row { display:flex; gap:12px; flex-wrap:wrap; }
.kk-csw { text-align:center; cursor:pointer; }
.kk-csw .dot {
width:40px; height:40px; border-radius:8px; border:2px solid transparent;
transition:all .2s; box-shadow:0 2px 6px rgba(0,0,0,.15); margin:0 auto 4px;
}
.kk-csw.active .dot,
.kk-csw:hover .dot { border-color:#e63946; transform:scale(1.1); }
.kk-csw span { font-size:10px; color:#6b7280; font-weight:600; display:block; }
/* Size grid */
.kk-size-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.kk-sbtn {
padding:10px 6px; border:2px solid #e5e7eb; border-radius:8px; background:#fff;
cursor:pointer; font-weight:700; font-size:12px; text-align:center;
transition:all .2s; color:#1a1a2e;
}
.kk-sbtn:hover,
.kk-sbtn.active { border-color:#e63946; background:#fff5f5; color:#e63946; }
.kk-sbtn small { display:block; font-size:10px; color:#6b7280; font-weight:400; margin-top:2px; }
/* Summary */
.kk-summary {
background:#fff5f5; border:1.5px dashed #e63946; border-radius:10px;
padding:14px 16px; margin-bottom:16px; font-size:13px;
}
.kk-summary .sr { display:flex; justify-content:space-between; margin-bottom:4px; }
/* Buttons */
.kk-btn-order {
width:100%; padding:18px; background:#e63946; color:#fff; border:none; border-radius:12px;
font-size:18px; font-weight:700; letter-spacing:1px; text-transform:uppercase;
cursor:pointer; box-shadow:0 4px 20px rgba(230,57,70,.35); transition:all .2s;
font-family:inherit; margin-bottom:10px;
}
.kk-btn-order:hover { background:#c1121f; transform:translateY(-2px); }
.kk-btn-call {
width:100%; padding:14px; background:transparent; color:#1a1a2e;
border:2px solid #1a1a2e; border-radius:12px; font-size:15px; font-weight:700;
text-transform:uppercase; cursor:pointer; font-family:inherit; transition:all .2s;
}
.kk-btn-call:hover { background:#1a1a2e; color:#fff; }
/* Modal */
.kk-modal {
display:none; position:fixed; inset:0; background:rgba(0,0,0,.6);
z-index:99999; align-items:center; justify-content:center; padding:20px;
}
.kk-modal.show { display:flex; }
.kk-modal .mbox {
background:#fff; border-radius:16px; padding:32px 24px; max-width:360px; width:100%;
text-align:center; box-shadow:0 20px 60px rgba(0,0,0,.3); animation:kkMIn .3s ease;
}
@keyframes kkMIn { from{transform:scale(.9);opacity:0} to{transform:scale(1);opacity:1} }
.kk-modal .mbox .mico { font-size:52px; margin-bottom:12px; }
.kk-modal .mbox h3 { font-size:20px; color:#16a34a; font-weight:700; margin:0 0 8px; text-transform:uppercase; }
.kk-modal .mbox p { font-size:14px; color:#6b7280; line-height:1.6; margin-bottom:20px; }
.kk-modal .btn-mc {
background:#1a1a2e; color:#fff; border:none; padding:12px 32px;
border-radius:8px; font-size:14px; font-weight:700; cursor:pointer;
text-transform:uppercase; letter-spacing:1px;
}

.lSSlideOuter .lSSlideWrapper ul.item-single li img{
	object-fit: cover;
}

#w-w4mt2h8y > div > h4{
	color: #fff;
}

#w-5zvgodav {
  background-color: red;
  animation: blinkBg 1s infinite;
border-radius: 10px;
width: fit-content;
	padding: 0 5px;
}

@keyframes blinkBg {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}

.col-freeship-title{
	padding: 0px!important;
}

.btn-buy-now-absolute{
	position: fixed;
	z-index: 999999;
	background-color: red;
	padding: 10px 25px;
	border-radius: 7px;
	bottom: 10px;
	left: 50%;
	transform: translate(-50%);
	color: white;

	animation: pulse 1.2s infinite;
}

@keyframes pulse {
	0% {
		transform: translate(-50%) scale(1);
		box-shadow: 0 0 0 0 rgba(255,0,0,0.7);
	}
	70% {
		transform: translate(-50%) scale(1.05);
		box-shadow: 0 0 0 15px rgba(255,0,0,0);
	}
	100% {
		transform: translate(-50%) scale(1);
		box-shadow: 0 0 0 0 rgba(255,0,0,0);
	}
}

.text-block-css{
    text-align: center;
    line-height: 1.2;
	    padding: 5px;
}

.col-right-header{
	    position: absolute;
    right: 0;
	padding-bottom: 0px;
	padding-left: 0px;
}

.col-form-contact #wpcf7-f671-p730-o2 label{
	color: #fff!important;
}

.col-form-contact #wpcf7-f671-p730-o2 > form > p:nth-child(6) > input{
	background-color: black;
}
.col-form-contact #wpcf7-f671-p730-o2 > form > div{
	color: #fff!important;
}
.star-rating span::before{
	color: #f59e0b!important;
}
.star-rating::before{
	color: gray!important;
}