/* VD Flash Sale. Dùng biến màu của theme nếu có (--bg, --gold, --line, --ink) */

/* ---------- Khối Flash Sale (trang chủ) ---------- */
.yk-fs{max-width:1300px;margin:16px auto 30px;padding:0 16px}
.yk-fs-head{background:linear-gradient(100deg,var(--bg-d,#2a0f0d),var(--bg,#3a1815) 60%,var(--bg-l,#6b1326));border-radius:14px 14px 0 0;padding:14px 20px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.yk-fs-logo{font-family:'Mulish',sans-serif;font-weight:900;font-size:22px;color:#fff;letter-spacing:.02em;text-shadow:0 2px 6px rgba(0,0,0,.2);flex-shrink:0;margin:0;line-height:1.2}
.yk-fs-tabs{display:flex;flex-wrap:wrap;align-items:stretch;background:rgba(255,255,255,.16);border-radius:30px;padding:4px;gap:4px;margin:0 auto}
.yk-fs-tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 16px;border:0;border-radius:24px;background:transparent;font-family:inherit;cursor:pointer;color:rgba(255,255,255,.9);transition:.15s;line-height:1.15}
.yk-fs-tab:hover{background:rgba(255,255,255,.12)}
.yk-fs-tab.sel,.yk-fs-tab.sel:hover,.yk-fs-tab.sel:focus{background:#fff!important;color:var(--bg,#3a1815)}
.yk-fs-tab-time{font-size:16px;font-weight:900;color:#fff}
.yk-fs-tab.sel .yk-fs-tab-time{color:var(--bg,#3a1815)}
.yk-fs-tab-lbl{font-size:11px;font-weight:800;display:flex;align-items:center;gap:5px;color:rgba(255,255,255,.85)}
.yk-fs-tab.sel .yk-fs-tab-lbl{color:var(--bg,#3a1815)}
.yk-fs-live-dot{width:7px;height:7px;border-radius:50%;background:#38d66b;animation:yk-fs-pulse 1.3s infinite}
@keyframes yk-fs-pulse{0%{box-shadow:0 0 0 0 rgba(56,214,107,.7)}70%{box-shadow:0 0 0 7px rgba(56,214,107,0)}100%{box-shadow:0 0 0 0 rgba(56,214,107,0)}}
.yk-fs-cd{display:flex;align-items:center;gap:8px;margin-left:auto;padding:4px 6px}
.yk-fs-cd-lbl{font-size:12px;font-weight:800;color:#fff}
.yk-fs-hms{display:inline-flex;align-items:center;gap:3px}
.yk-fs-hms b{background:var(--bg,#3a1815);color:#fff;font-weight:900;font-size:14px;border-radius:5px;padding:3px 6px;min-width:26px;text-align:center;font-variant-numeric:tabular-nums}
.yk-fs-head .yk-fs-hms b{background:#fff;color:var(--bg,#3a1815)}
.yk-fs-hms i{font-style:normal;color:inherit;font-weight:900}
.yk-fs-head .yk-fs-hms i{color:#fff}

.yk-fs-wrap{position:relative;background:#fff;border:1px solid var(--line,#eaddd7);border-top:none;border-radius:0 0 14px 14px;padding:16px 14px}
.yk-fs-track{display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none}
.yk-fs-track::-webkit-scrollbar{display:none}
.yk-fs-track.hide{display:none}
.yk-fs-track:not(.hide){animation:yk-fs-slidein .38s cubic-bezier(.22,.61,.36,1)}
@keyframes yk-fs-slidein{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
.yk-fs-card{position:relative;flex:0 0 188px;border:1px solid var(--line,#eaddd7);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:7px;background:#fff;scroll-snap-align:start;transition:box-shadow .18s,transform .18s}
.yk-fs-card:hover{box-shadow:0 10px 24px rgba(107,19,38,.12);transform:translateY(-3px)}
.yk-fs-pct{position:absolute;top:0;left:0;background:var(--bg,#3a1815);color:#fff;font-size:11px;font-weight:900;padding:4px 9px;border-radius:12px 0 12px 0;z-index:2}
.yk-fs-burn{position:absolute;top:8px;right:8px;background:#333;color:#fff;font-size:10px;font-weight:900;letter-spacing:.04em;padding:4px 8px;border-radius:6px;transform:rotate(6deg);z-index:3}
.yk-fs-img{display:block;text-align:center}
.yk-fs-img img{width:100%!important;height:150px!important;object-fit:contain!important}
.yk-fs-name{font-size:12.8px;font-weight:600;color:var(--ink,#1a1110);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}
.yk-fs-price{display:flex;flex-direction:column}
.yk-fs-price b,.yk-fs-price b .woocommerce-Price-amount{color:var(--bg,#3a1815)!important;font-size:16px;font-weight:900}
.yk-fs-price del,.yk-fs-price del .woocommerce-Price-amount{color:#b9afad!important;font-size:12px;font-weight:400}
.yk-fs-bar{position:relative;background:#ffe1cf;border-radius:20px;height:19px;overflow:hidden;margin-top:2px}
.yk-fs-bar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#ff7a45,#ff4d4f);border-radius:20px}
.yk-fs-bar span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:800;color:#111;white-space:nowrap;text-shadow:0 1px 1px rgba(255,255,255,.6)}
.ykfs-buy{margin:auto 0 0}
.yk-fs-btn{display:block;width:100%;margin-top:auto;text-align:center;background:var(--bg,#3a1815);color:#fff!important;font:800 13px/1.2 'Mulish',sans-serif;padding:10px 9px;border:0;border-radius:8px;text-decoration:none!important;cursor:pointer}
.yk-fs-btn:hover{background:var(--gold,#e2a969)}
.yk-fs-btn.ghost{background:#fff;color:var(--bg,#3a1815)!important;border:1px solid var(--line,#eaddd7)}
.yk-fs-btn.soon{background:#efe7e6;color:#8c7f7d!important}
.yk-fs-btn.soon:hover{background:#e5dbda}
.yk-fs-out{filter:grayscale(1);opacity:.92}
.yk-fs-price.soon{min-height:24px;display:flex;align-items:center}
.yk-fs-soonprice{font-size:12.5px;font-weight:800;color:#9a6b00;background:#fff5d6;border:1px dashed #f0c95a;border-radius:6px;padding:4px 8px;line-height:1.2}
.ykfs-slots-soon{font-size:12px;font-weight:700;color:#9c8f8d}
.yk-fs-empty{min-height:150px}
.yk-fs-none{margin:auto;color:#9c8f8d;font-weight:700;font-size:14px;padding:40px 10px;text-align:center;width:100%}
.yk-fs-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:6;display:flex;align-items:center;justify-content:center;width:26px;height:44px;padding:0;border:0;background:none;color:var(--bg,#3a1815);font:400 30px/1 Arial,sans-serif;cursor:pointer}
.yk-fs-nav:hover{color:var(--gold,#e2a969)}
.yk-fs-prev{left:-6px}.yk-fs-next{right:-6px}
.yk-fs-nav.off{opacity:0;pointer-events:none}
.ykfs-all{display:block;margin:10px auto 0;width:max-content;font-weight:800;font-size:13.5px;color:var(--bg,#3a1815)}

@media(max-width:860px){.yk-fs-card{flex:0 0 150px}.yk-fs-img img{height:120px!important}.yk-fs-head{gap:10px}.yk-fs-logo{font-size:18px}}
@media(max-width:760px){
  .yk-fs-head{flex-wrap:nowrap;gap:8px;padding:10px 12px}
  .yk-fs-logo{font-size:15px}
  .yk-fs-tabs{margin:0 0 0 auto;flex-wrap:nowrap;gap:4px;padding:3px;overflow-x:auto}
  .yk-fs-tab{padding:4px 9px}
  .yk-fs-tab-time{font-size:13px}
  .yk-fs-tab-lbl{font-size:9.5px;white-space:nowrap}
  .yk-fs-cd{margin:0 0 0 4px;padding:2px;flex-direction:column;gap:1px;text-align:center}
  .yk-fs-cd-lbl{font-size:9px}
  .yk-fs-hms b{min-width:20px;font-size:12px;padding:2px 3px}
}
@media(max-width:430px){
  .yk-fs-logo{font-size:0}
  .yk-fs-logo::before{content:"⚡";font-size:20px}
  .yk-fs-cd-lbl{display:none}
}

/* ---------- Trang Flash Sale (lưới, đủ các khung) ---------- */
.ykfs-page.yk-fs{margin-top:24px}
.ykfs-page .yk-fs-head{flex-wrap:wrap}
.ykfs-page .yk-fs-logo{font-size:26px}
.ykfs-page .yk-fs-tabs{margin:0;flex-wrap:wrap}
.ykfs-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;overflow:visible}
.ykfs-grid.hide{display:none!important}
.ykfs-grid .yk-fs-card{flex:auto}
@media(max-width:1100px){.ykfs-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:860px){.ykfs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){
  .ykfs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .ykfs-page .yk-fs-head{flex-wrap:wrap}
  .ykfs-page .yk-fs-logo{font-size:20px}
  .ykfs-page .yk-fs-logo::before{content:none}
  .ykfs-page .yk-fs-tabs{order:3;width:100%;flex-wrap:nowrap;overflow-x:auto;border-radius:14px}
  .ykfs-page .yk-fs-tab{flex:0 0 auto}
  .ykfs-page .yk-fs-cd{flex-direction:row;gap:6px;margin-left:auto}
  .ykfs-page .yk-fs-cd-lbl{display:inline;font-size:11px}
}
.ykfs-empty-page{max-width:720px;margin:40px auto;padding:40px 20px;text-align:center;background:#fff;border:1px solid var(--line,#eaddd7);border-radius:14px;font-weight:700;color:#7a6b6a}

/* ---------- Dải Flash Sale trên trang sản phẩm ---------- */
.ykfs-strip{margin:10px 0 14px;padding:10px 14px;border-radius:12px;background:linear-gradient(100deg,var(--bg-d,#2a0f0d),var(--bg,#3a1815) 60%,var(--bg-l,#6b1326));color:#fff;display:flex;flex-direction:column;gap:8px}
.ykfs-strip-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.ykfs-strip b{font-weight:900;letter-spacing:.02em}
.ykfs-strip-cd{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700}
.ykfs-strip .yk-fs-hms b{background:#fff;color:var(--bg,#3a1815)}
.ykfs-strip .yk-fs-bar{background:rgba(255,255,255,.25)}
.ykfs-strip .yk-fs-bar span{color:#fff;text-shadow:none}
.ykfs-strip small{font-size:12px;opacity:.85}
.ykfs-strip.is-soon{background:#fff5d6;color:#6b4d00;border:1px dashed #f0c95a}
.ykfs-strip.is-soon .yk-fs-hms b{background:#6b4d00;color:#fff}
.ykfs-strip.is-out{background:#f3efee;color:#6f6361}
/* Theme dùng flex + order cho cột thông tin: đặt dải Flash Sale ngay trên giá */
.summary .ykfs-strip{order:2;width:100%;box-sizing:border-box}

/* ---------- Thanh suất kiểu Thế Giới Di Động ---------- */
.ykfs-bar{position:relative;height:22px;margin:4px 0 2px 8px;border-radius:11px;background:#fdecc2;overflow:visible}
.ykfs-bar > i{position:absolute;left:0;top:0;bottom:0;border-radius:11px;background:linear-gradient(90deg,#ffb11b 0%,#ffcb2f 55%,#ffd94f 100%)}
.ykfs-bar-t{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-left:14px;font-size:12px;font-weight:700;color:#2b2100;white-space:nowrap;z-index:1}
.ykfs-bar-fire{position:absolute;left:-10px;top:50%;transform:translateY(-55%);z-index:2;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 50% 60%,#ffe9a8 0%,#ffc83a 70%);box-shadow:0 1px 3px rgba(160,80,0,.35)}
.ykfs-bar.is-out{background:#ececec}
.ykfs-bar.is-out .ykfs-bar-t{color:#8a8a8a}
.ykfs-bar.is-out .ykfs-bar-fire{filter:grayscale(1);opacity:.6}
.ykfs-strip .ykfs-bar{margin-top:2px}

/* ---------- Giá "sắp mở bán" bị che bớt số ---------- */
.yk-fs-card .yk-fs-price.soon{display:flex!important;flex-direction:column;align-items:flex-start!important;min-height:0}
.yk-fs-price.soon b,.ykfs-mask{color:var(--bg,#3a1815);font-size:16px;font-weight:900;letter-spacing:.02em}
.ykfs-strip .ykfs-mask{font-size:inherit;color:inherit}