/* SOLIKA Flash Sale – hộp đếm giờ nổi giữa màn hình (toàn site). Tự căn giữa theo kích thước màn hình / xoay ngang. */
.skfs{position:fixed;inset:0;z-index:99990;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));font-family:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;pointer-events:none;visibility:hidden;transition:visibility 0s linear .3s}
.skfs.on{pointer-events:auto;visibility:visible;transition:none}
.skfs *{box-sizing:border-box}
.skfs-bd{position:absolute;inset:0;background:rgba(10,12,15,.55);opacity:0;transition:opacity .3s ease}
.skfs.on .skfs-bd{opacity:1}
.skfs-in{position:relative;width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;background:#121417;color:#FFFFFF;padding:30px 22px 22px;border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.07) inset;opacity:0;transform:translateY(18px) scale(.96);transition:opacity .3s ease,transform .35s cubic-bezier(.2,.8,.2,1)}
.skfs.on .skfs-in{opacity:1;transform:none}
.skfs-txt{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0}
.skfs-lb{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#FFB4AE;white-space:nowrap}
.skfs-ic{flex:0 0 auto;display:inline-flex;line-height:0}
.skfs-bolt svg{width:20px;height:20px;display:block;filter:drop-shadow(0 0 4px rgba(255,200,60,.85));animation:skfs-bolt 1.6s ease-in-out infinite}
.skfs-bag svg{width:22px;height:22px;display:block;transform-origin:50% 10%;animation:skfs-bag 1.4s ease-in-out infinite}
.skfs-time{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:34px;letter-spacing:.01em;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}
/* Chặn style chung của theme (Flatsome) áp lên nút/link */
.skfs .skfs-x,.skfs .skfs-btn{margin:0;letter-spacing:0;text-transform:none;line-height:1.2;box-shadow:none;font-family:inherit;max-width:none}
.skfs .skfs-x{min-height:0;font-size:inherit}
.skfs .skfs-btn{text-transform:uppercase;letter-spacing:.05em}
.skfs .skfs-x svg{display:block;margin:0}
.skfs-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 18px;border-radius:12px;background:#D7261E;color:#FFFFFF !important;font-weight:800;font-size:17px;text-decoration:none !important;white-space:nowrap}
.skfs-btn:hover{background:#A81A13}
.skfs-x{position:absolute;top:8px;right:8px;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;background:transparent;color:#C9CDD4;cursor:pointer;padding:0}
.skfs-x:hover{background:rgba(255,255,255,.08);color:#FFFFFF}
.skfs-x:focus-visible,.skfs-btn:focus-visible{outline:2px solid #FFFFFF;outline-offset:2px}
@keyframes skfs-bolt{0%,100%{transform:scale(1) rotate(0);opacity:1}10%{transform:scale(1.2) rotate(-8deg)}20%{transform:scale(.95) rotate(4deg);opacity:.55}30%{transform:scale(1.15) rotate(0);opacity:1}60%{transform:scale(1)}}
@keyframes skfs-bag{0%,100%{transform:rotate(0)}15%{transform:rotate(-14deg)}30%{transform:rotate(11deg)}45%{transform:rotate(-7deg)}60%{transform:rotate(4deg)}75%{transform:rotate(0)}}
/* Máy tính / máy tính bảng */
@media (min-width:768px){.skfs-in{max-width:420px;padding:34px 28px 26px;gap:18px}.skfs-lb{font-size:15.5px}.skfs-time{font-size:40px}.skfs-btn{min-height:56px;font-size:18px}}
/* Điện thoại nhỏ */
@media (max-width:374px){.skfs-in{padding:28px 16px 18px;gap:14px;border-radius:16px}.skfs-lb{font-size:12.5px;letter-spacing:.03em;gap:6px}.skfs-bolt svg{width:17px;height:17px}.skfs-time{font-size:31px}.skfs-btn{min-height:50px;font-size:16px}}
@media (max-width:339px){.skfs{padding-left:10px;padding-right:10px}.skfs-lb{font-size:11.5px;letter-spacing:0}.skfs-time{font-size:29px}}
/* Điện thoại xoay ngang (màn thấp): hộp nằm ngang gọn, vẫn ở giữa màn hình */
@media (orientation:landscape) and (max-height:500px){.skfs-in{max-width:560px;flex-direction:row;align-items:center;gap:16px;text-align:left;padding:16px 56px 16px 20px}.skfs-txt{align-items:flex-start;gap:6px;flex:1}.skfs-time{font-size:32px}.skfs-btn{width:auto;flex:0 0 auto;min-height:48px;font-size:16px}.skfs-x{top:50%;transform:translateY(-50%)}}
@media (prefers-reduced-motion:reduce){.skfs,.skfs-bd,.skfs-in{transition:none}.skfs-bolt svg,.skfs-bag svg{animation:none}}