/* KITAWA - Quà tặng khi mua hàng */
.kg-mount{display:none}
.kg-mount.kg-on{display:block;margin:16px 0 4px}
.kg-mount--media.kg-on{margin:20px 0 0}
#add-to-cart-form .price-box+.kg-mount.kg-on{margin:12px 0 14px}
.kg-mount--cart.kg-on{margin:0 0 16px}
.kg{container-type:inline-size;--kg-a:#061b48;--kg-a2:#16408f;--kg-hi:#bd1e2b;--kg-hi-text:#fff;--kg-soft:#f1f4fa;--kg-line:#dfe5f0;--kg-ok:#0f7a45;--kg-ok-bg:#e6f4ec;
	border:1px solid var(--kg-line);border-radius:14px;overflow:hidden;background:#fff;color:#1f2533;font-size:14px;line-height:1.45;box-shadow:0 6px 20px -14px rgba(6,27,72,.45)}
.kg--halloween{--kg-a:#2a0f3d;--kg-a2:#d9480f;--kg-hi:#f76707;--kg-soft:#fff5eb;--kg-line:#f6dcc5}
.kg--tet{--kg-a:#9e0016;--kg-a2:#e0242f;--kg-hi:#f5b400;--kg-hi-text:#5c0010;--kg-soft:#fff7e3;--kg-line:#f6e0b0}
.kg--noel{--kg-a:#0f5132;--kg-a2:#1e7d4f;--kg-hi:#c1121f;--kg-soft:#eef7f1;--kg-line:#cfe6d8}
.kg--blackfriday{--kg-a:#0b0b0b;--kg-a2:#333;--kg-hi:#ffd400;--kg-hi-text:#111;--kg-soft:#f5f5f5;--kg-line:#e3e3e3}
.kg--xanh{--kg-a:#0b4f3a;--kg-a2:#1f8a5b;--kg-hi:#f2b705;--kg-hi-text:#3a2a00;--kg-soft:#eef7f2;--kg-line:#cfe6da}
.kg--trungthu{--kg-a:#1b1f4b;--kg-a2:#7a3b13;--kg-hi:#f4b41a;--kg-hi-text:#3a2400;--kg-soft:#fff7e6;--kg-line:#f0dfb8}
.kg--quockhanh{--kg-a:#b3001b;--kg-a2:#da251d;--kg-hi:#ffde00;--kg-hi-text:#7a0010;--kg-soft:#fff5f0;--kg-line:#f6d2c9}
.kg--he{--kg-a:#006d77;--kg-a2:#00a6a6;--kg-hi:#ff7d00;--kg-soft:#ecf8f8;--kg-line:#c6e8e8}
.kg--phunu{--kg-a:#9d174d;--kg-a2:#e75480;--kg-hi:#ff4d8d;--kg-soft:#fff0f5;--kg-line:#f9cfe0}
.kg--sinhnhat{--kg-a:#3b1e6e;--kg-a2:#7c3aed;--kg-hi:#f5c542;--kg-hi-text:#3b1e6e;--kg-soft:#f6f1ff;--kg-line:#e2d6fb}
.kg--has-bg .kg-head{background-size:cover;background-position:center}
.kg-sticker{position:absolute;right:6px;top:50%;transform:translateY(-50%);height:calc(100% - 8px);max-height:72px;width:auto;object-fit:contain;pointer-events:none;opacity:.95}
.kg-head:has(.kg-sticker) .kg-cd{margin-right:70px}
.kg--tet .kg-msg b,.kg--quockhanh .kg-row__price b,.kg--trungthu .kg-row__price b,.kg--xanh .kg-row__price b,.kg--sinhnhat .kg-row__price b{color:#c1121f}

.kg-head{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;color:#fff;background:linear-gradient(115deg,var(--kg-a) 0%,var(--kg-a) 45%,var(--kg-a2) 100%);overflow:hidden}
.kg-decor{position:absolute;right:8px;top:50%;width:120px;height:40px;transform:translateY(-50%);color:rgba(255,255,255,.16);pointer-events:none}
.kg-head__icon{flex:0 0 40px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--kg-hi);color:var(--kg-hi-text);box-shadow:0 0 0 4px rgba(255,255,255,.14)}
.kg-head__icon svg{width:22px;height:22px}
.kg-head__text{position:relative;display:flex;flex-direction:column;min-width:0;flex:1}
.kg-head__text strong{font-size:15px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;line-height:1.25}
.kg-head__text small{font-size:12.5px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.kg-cd{position:relative;display:flex;align-items:flex-end;gap:4px;flex-shrink:0}
.kg-cd__label{font-size:11px;opacity:.8;margin-right:2px;align-self:center;max-width:44px;line-height:1.15;text-align:right}
.kg-cd__box{display:flex;flex-direction:column;align-items:center;min-width:32px}
.kg-cd__box b{display:block;min-width:30px;padding:3px 0;border-radius:6px;background:#fff;color:var(--kg-a);font-size:14px;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}
.kg-cd__box i{font-style:normal;font-size:10px;opacity:.75;margin-top:2px}

.kg-body{padding:12px 14px 12px}
.kg-row{display:grid;grid-template-columns:56px minmax(0,1fr) auto;grid-template-areas:'img body status';align-items:center;column-gap:12px;row-gap:6px;padding:10px;border-radius:10px;background:var(--kg-soft);margin-top:8px}
.kg-row:first-child{margin-top:0}
.kg-row__img{grid-area:img;width:56px;height:56px;border-radius:8px;background:#fff;border:1px solid var(--kg-line);overflow:hidden;display:flex;align-items:center;justify-content:center}
.kg-row__img img{width:100%;height:100%;object-fit:contain}
.kg-row__ph svg{width:26px;height:26px;color:var(--kg-a)}
.kg-row__body{grid-area:body;min-width:0;display:flex;flex-direction:column;gap:2px}
.kg-row__label{align-self:flex-start;font-size:11.5px;font-weight:700;color:#fff;background:var(--kg-a);border-radius:4px;padding:1px 7px}
.kg-row__name{font-weight:600;color:#1f2533;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kg-row__price{font-size:13px;display:flex;gap:8px;align-items:baseline}
.kg-row__price s{color:#8a93a6}
.kg-row__price b{color:var(--kg-hi);font-weight:700}
.kg--tet .kg-row__price b,.kg--blackfriday .kg-row__price b{color:#c1121f}
.kg-row__status{grid-area:status;text-align:right}
.kg-tiers .kg-row{padding:8px 10px}
.kg-tiers .kg-row__img{width:44px;height:44px}
.kg-tiers .kg-row{grid-template-columns:44px minmax(0,1fr) auto}
.kg-tiers .kg-row__name{-webkit-line-clamp:1;font-size:13.5px}
.kg-row--todo{background:#fff;border:1px dashed var(--kg-line)}
.kg-row--todo .kg-row__img img{filter:grayscale(.6);opacity:.75}
.kg-row--todo .kg-row__label{background:#8a93a6}
.kg-row--soldout{opacity:.6}

.kg-pill{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;border-radius:999px;padding:4px 10px;white-space:nowrap}
.kg-pill svg{width:14px;height:14px}
.kg-pill--ok{background:var(--kg-ok-bg);color:var(--kg-ok)}
.kg-pill--todo{background:#fff3f3;color:#bd1e2b}
.kg-pill--near{background:#fff4e5;color:#b35400}
.kg-pill--off{background:#eee;color:#666}

.kg-tiers{margin-top:12px}
.kg-row+.kg-tiers{margin-top:16px;padding-top:4px;border-top:1px solid var(--kg-line)}
.kg-track{position:relative;height:8px;margin:20px 14px 30px;border-radius:99px;background:#e7ebf3}
.kg-track__fill,.kg-track__proj{position:absolute;left:0;top:0;bottom:0;border-radius:99px;transition:width .5s ease}
.kg-track__fill{background:linear-gradient(90deg,var(--kg-a2),var(--kg-a))}
.kg-track__proj{background:repeating-linear-gradient(45deg,rgba(22,64,143,.28) 0 6px,rgba(22,64,143,.12) 6px 12px)}
.kg-mark{position:absolute;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}
.kg-mark i{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #c6cedd;color:#6b7489;font-style:normal;font-size:12px;font-weight:700}
.kg-mark.is-on i{background:var(--kg-a);border-color:var(--kg-a);color:#fff}
.kg-mark i svg{width:14px;height:14px}
.kg-mark em{position:absolute;top:28px;font-style:normal;font-size:11.5px;font-weight:600;color:#4b5468;white-space:nowrap}
.kg-mark:last-child em{right:-6px}
.kg-msg{margin:0 0 10px;font-size:13.5px;color:#2b3242;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px}
.kg-msg b{color:var(--kg-hi)}
.kg--tet .kg-msg b,.kg--blackfriday .kg-msg b{color:#c1121f}
.kg-msg__now{color:#6b7489;font-size:12.5px}

.kg-note{display:flex;gap:6px;align-items:flex-start;margin:12px 0 0;font-size:12.5px;color:#5b6478}
.kg-note svg{flex:0 0 14px;width:14px;height:14px;margin-top:2px;color:var(--kg-ok)}

.kg-badge{display:inline-flex;align-items:center;gap:4px;margin:4px 0;font-size:11.5px;font-weight:600;color:#0f7a45;background:#e6f4ec;border-radius:999px;padding:2px 8px}
.kg-badge svg{width:13px;height:13px}

@media (max-width:575px){
	.kg-head{flex-wrap:wrap;padding:12px}
	.kg-cd{width:100%;justify-content:flex-start;margin-left:52px}
	.kg-cd__label{max-width:none;margin-right:6px}
	.kg-body{padding:10px 12px 12px}
	.kg-row,.kg-tiers .kg-row{grid-template-columns:48px minmax(0,1fr);grid-template-areas:'img body' 'img status';column-gap:10px;padding:8px}
	.kg-row__img,.kg-tiers .kg-row__img{width:48px;height:48px;align-self:start}
	.kg-row__status{text-align:left}
	.kg-pill{padding:3px 9px;font-size:11.5px}
}
@container (max-width:520px){
	.kg-head{flex-wrap:wrap;padding:12px}
	.kg-cd{width:100%;justify-content:flex-start;margin-left:52px}
	.kg-cd__label{max-width:none;margin-right:6px}
	.kg-body{padding:10px 12px 12px}
	.kg-row,.kg-tiers .kg-row{grid-template-columns:48px minmax(0,1fr);grid-template-areas:'img body' 'img status';column-gap:10px;padding:8px}
	.kg-row__img,.kg-tiers .kg-row__img{width:48px;height:48px;align-self:start}
	.kg-row__status{text-align:left}
	.kg-pill{padding:3px 9px;font-size:11.5px}
}

.kg-got{display:flex;gap:6px;align-items:center;margin:0;padding:8px 10px;border-radius:10px;background:var(--kg-ok-bg);color:var(--kg-ok);font-size:13.5px}
.kg-got svg{width:16px;height:16px;flex:0 0 16px}
.kg-got+.kg-tiers{margin-top:12px}