/* SELLERUI 13/11/2026 (shopregiare.com): dau trang dinh ca menu, menu San pham, Cam nang 4 bai, khoi gioi thieu gap lai,
   nut noi khong che thong bao/chat, chan trang moi. Go bo: xoa <link> trong views/client/header.php. */

/* ---------- 1) Dau trang: hang logo + hang menu cung dinh khi cuon, khong doi kieu ---------- */
.sx-stick{position:sticky;top:0;z-index:999;background:var(--white,#fff);box-shadow:0 2px 10px rgba(0,0,0,.06)}
.sx-stick .header-part,.sx-stick .header-part.active{position:static;box-shadow:none;z-index:auto;width:auto;transition:none}
.sx-stick .header-part.active .header-content{padding:18px 0}
.sx-stick .header-part.active .header-form{background:var(--chalk,#f3f4f6);border-color:var(--chalk,#f3f4f6)}
.sx-stick .header-part.active .header-form:focus-within{background:var(--white,#fff);border-color:var(--primary)}
.sx-stick .navbar-part .sknav{padding:6px 0}
[data-theme="dark"] .sx-stick{background:var(--dm-bg-card,#111827);box-shadow:0 2px 10px rgba(0,0,0,.3)}

/* ---------- 2) Menu San pham: rong bang khung trang, chu dai cat gon, khong de len cot ben ---------- */
.navbar-part .sknav-megamenu{width:calc(100vw - 48px);min-width:0;max-width:1296px}
@media(min-width:992px){.navbar-part .sknav-megamenu{width:936px}}
@media(min-width:1200px){.navbar-part .sknav-megamenu{width:1116px}}
@media(min-width:1400px){.navbar-part .sknav-megamenu{width:1296px}}
.navbar-part .sknav-megamenu-inner{padding:16px 18px}
.navbar-part .megamenu-grid{display:block;columns:205px auto;column-gap:22px}
.navbar-part .megamenu-column{min-width:0;break-inside:avoid;margin:0 0 12px}
.navbar-part .megamenu-title{min-width:0;padding:6px 8px;margin-bottom:4px}
.navbar-part .megamenu-title i{flex:none}
.navbar-part .megamenu-title a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.navbar-part .megamenu-list{border-left:0}
.navbar-part .megamenu-list li{margin-bottom:0}
.navbar-part .megamenu-list li a{min-width:0;padding:6px 8px;white-space:nowrap}
.navbar-part .megamenu-list li a i{flex:none}
.navbar-part .megamenu-list li a span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.navbar-part .megamenu-list li a:hover{padding-left:8px}
.navbar-part .sknav-item.has-megamenu:hover .sknav-megamenu{max-height:min(78vh,760px)!important}

/* ---------- 3) Cam nang game: rong bang khung trang, 4 bai + Xem them ---------- */
section#seo-home-guides{max-width:none;padding:0;margin:28px 0 10px}
section#seo-home-guides .seo-guide-heading{font-size:22px;margin:0 0 4px}
section#seo-home-guides .seo-guide-lead{font-size:14.5px;margin:0 0 14px}
section#seo-home-guides .seo-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(min-width:992px){section#seo-home-guides .seo-guide-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}}
section#seo-home-guides .seo-guide-card.sx-guide-more{display:none}
section#seo-home-guides .seo-guide-card{transition:box-shadow .18s ease-out,border-color .18s ease-out}
section#seo-home-guides .seo-guide-card:hover{border-color:rgba(var(--primary-rgb,239,68,68),.45);box-shadow:0 8px 22px rgba(15,23,42,.08)}
section#seo-home-guides .seo-guide-body{padding:12px 14px 14px}
section#seo-home-guides .seo-guide-title{font-size:15.5px;line-height:1.45;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
section#seo-home-guides .seo-guide-description{font-size:13.5px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:600px){
  section#seo-home-guides .seo-guide-heading{font-size:19px}
  section#seo-home-guides .seo-guide-description{display:none}
  section#seo-home-guides .seo-guide-title{font-size:13.5px;margin:0}
  section#seo-home-guides .seo-guide-body{padding:10px}
}
.sx-guide-actions{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin-top:16px}
.sx-guide-btn{appearance:none;border:1.5px solid var(--primary,#ef4444);background:var(--white,#fff);color:var(--primary,#ef4444);font:inherit;font-size:14px;font-weight:700;padding:9px 26px;border-radius:999px;cursor:pointer;transition:background-color .15s ease-out,color .15s ease-out}
.sx-guide-btn:hover{background:var(--primary,#ef4444);color:#fff}
.sx-guide-btn:focus-visible{outline:3px solid rgba(var(--primary-rgb,239,68,68),.35);outline-offset:2px}
.sx-guide-all{font-size:14px;font-weight:600;color:#475569;text-decoration:underline;text-underline-offset:3px}
.sx-guide-all:hover{color:var(--primary,#ef4444)}

/* ---------- 4) Khoi gioi thieu / cau hoi thuong gap: gap lai, bam moi mo ---------- */
.sx-sr{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
details.sx-fold{margin:16px 0;border:1px solid var(--border,#e5e7eb);border-radius:12px;background:var(--white,#fff);text-align:left}
details.sx-fold>summary{list-style:none;cursor:pointer;padding:11px 16px;font-size:14px;font-weight:600;color:#475569;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:12px;user-select:none}
details.sx-fold>summary::-webkit-details-marker{display:none}
details.sx-fold>summary::after{content:"";flex:none;width:8px;height:8px;margin-right:4px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s ease-out}
details.sx-fold[open]>summary::after{transform:rotate(-135deg) translateY(-2px)}
details.sx-fold>summary:hover{color:var(--primary,#ef4444)}
details.sx-fold>summary:focus-visible{outline:3px solid rgba(var(--primary-rgb,239,68,68),.35);outline-offset:2px}
.sx-fold-body{padding:2px 16px 14px;font-size:14px;line-height:1.7;color:#475569}
.sx-fold-body>p{margin:0 0 8px}
.sx-fold-body .bbx-card{background:transparent;border:0;box-shadow:none;padding:0;margin:0 0 12px;border-radius:0}
.sx-fold-body .bbx-sec-title{font-size:16px}
.sx-fold-body .page-subtitle-modern{margin:0 0 8px;max-width:none;text-align:left}
details.sx-fold.sx-fold-cat{max-width:760px;margin:12px auto 0}
[data-theme="dark"] details.sx-fold{background:var(--dm-bg-card,#111827);border-color:var(--dm-border,#1f2937)}
[data-theme="dark"] details.sx-fold>summary,[data-theme="dark"] .sx-fold-body{color:#cbd5e1}

/* ---------- 5) Nut noi (goi, Zalo, chat, len dau trang) ---------- */
/* vung rung 110px quanh nut goi truoc day nuot luot bam vao nut ben duoi */
.hotline-phone-ring-wrap,.hotline-phone-ring,.hotline-bar{pointer-events:none}
.hotline-phone-ring-wrap a{pointer-events:auto}
.hotline-phone-ring-wrap{z-index:990!important}
#sac-wrap{z-index:991!important;right:20px!important;bottom:150px!important}
.fcta-zalo-mess{display:none!important}
/* vong lan to cua nut Zalo de len nut ben canh -> bo, giu bong nhe */
.fcta-zalo-nen-nut::before,.fcta-zalo-nen-nut::after{display:none!important}
.fcta-zalo-nen-nut{box-shadow:0 4px 14px rgba(15,23,42,.22)!important}
.fcta-zalo-vi-tri-nut{right:20px!important;bottom:84px!important;z-index:990!important}
.backtop{right:24px;bottom:22px;width:42px;height:42px;line-height:42px;z-index:990}
@media(max-width:991px){
  .backtop{bottom:60px;right:17px;width:40px;height:40px;line-height:40px}
  .fcta-zalo-vi-tri-nut{right:14px!important;bottom:108px!important;transform:scale(.88);transform-origin:right bottom}
  #sac-wrap{right:12px!important;bottom:162px!important;transform:scale(.85);transform-origin:right bottom}
  #sac-grab{display:none!important}
}
/* dang mo bang thong bao hoac khung chat: an het nut noi de khong che noi dung */
body.modal-open .hotline-phone-ring-wrap,body.modal-open #sac-wrap,body.modal-open .fcta-zalo-vi-tri-nut,body.modal-open .backtop,body.modal-open .giuseart-pc-contact-bar,
body.sac-chat-open .hotline-phone-ring-wrap,body.sac-chat-open .fcta-zalo-vi-tri-nut,body.sac-chat-open .backtop,body.sac-chat-open .giuseart-pc-contact-bar{display:none!important}
/* khung chat: man hinh dang nhap cho khach chua dang nhap */
.sac-gate{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;height:100%;padding:24px 22px;color:#334155}
.sac-gate-ic{width:56px;height:56px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:24px}
.sac-gate b{font-size:16px;color:#0f172a}
.sac-gate p{margin:0;font-size:13.5px;line-height:1.6;color:#64748b}
.sac-gate-btn{display:inline-block;margin-top:6px;padding:10px 28px;border-radius:999px;background:var(--primary,#ef4444);color:#fff!important;font-weight:700;font-size:14px;text-decoration:none}
.sac-gate-btn:hover{filter:brightness(.94)}
.sac-gate-link{font-size:13px;color:#475569;text-decoration:underline;text-underline-offset:3px}

/* ---------- 6) Chan trang moi ---------- */
.sxf{margin-top:28px;background:var(--white,#fff);border-top:3px solid var(--primary,#ef4444);color:#475569;font-size:14px;line-height:1.65}
.sxf a{color:inherit;text-decoration:none;transition:color .12s ease-out}
.sxf a:hover{color:var(--primary,#ef4444)}
.sxf-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.25fr);gap:28px 40px;padding:40px 0 30px}
.sxf-logo img{display:block;height:54px;width:auto;max-width:230px;object-fit:contain}
.sxf-desc{margin:14px 0 0;max-width:400px;color:#64748b}
.sxf-h{margin:6px 0 14px;font-size:15px;font-weight:700;color:#0f172a;letter-spacing:0}
.sxf-list{list-style:none;margin:0;padding:0}
.sxf-list li{margin:0 0 9px}
.sxf-contact{list-style:none;margin:0;padding:0}
.sxf-contact li{display:flex;align-items:flex-start;gap:10px;margin:0 0 11px;min-width:0}
.sxf-contact i{flex:none;width:32px;height:32px;border-radius:9px;background:rgba(var(--primary-rgb,239,68,68),.09);color:var(--primary,#ef4444);display:flex;align-items:center;justify-content:center;font-size:13px}
.sxf-contact span{display:block;min-width:0;overflow-wrap:anywhere}
.sxf-contact small{display:block;font-size:12px;color:#94a3b8;line-height:1.3}
.sxf-contact b{font-weight:600;color:#0f172a}
.sxf-bottom{border-top:1px solid var(--border,#e5e7eb);padding:16px 0 18px;display:flex;align-items:center;justify-content:space-between;gap:8px 24px;flex-wrap:wrap;font-size:13px;color:#64748b}
.sxf-bottom p{margin:0}
.sxf-bottom .sxf-brand{font-weight:700;color:#0f172a}
.sxf-card{display:flex;gap:8px;align-items:center}
@media(max-width:991px){
  .sxf{margin-top:36px}
  .sxf-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px 20px;padding:28px 0 20px}
  .sxf-brandcol,.sxf-contactcol{grid-column:1 / -1}
  .sxf-bottom{justify-content:center;text-align:center;padding-bottom:86px}
}
[data-theme="dark"] .sxf{background:var(--dm-bg-card,#111827);color:#cbd5e1}
[data-theme="dark"] .sxf-h,[data-theme="dark"] .sxf-contact b,[data-theme="dark"] .sxf-bottom .sxf-brand{color:#f1f5f9}
[data-theme="dark"] .sxf-desc,[data-theme="dark"] .sxf-bottom{color:#94a3b8}
[data-theme="dark"] .sxf-bottom{border-top-color:var(--dm-border,#1f2937)}
@media(prefers-reduced-motion:reduce){.sx-guide-btn,#seo-home-guides .seo-guide-card,details.sx-fold>summary::after{transition:none}}

/* ---------- 7) SEOSM1: tieu de trang thong tin doi h2 -> h1, giu nguyen kieu ---------- */
.single-banner h1{font-size:38px;line-height:48px;letter-spacing:-.3px;margin-bottom:15px;font-weight:500;color:var(--white,#fff);text-transform:uppercase}
@media(max-width:600px){.single-banner h1{font-size:26px;line-height:34px}}

/* ---------- BLANKCLONE 13/11/2026: chua co nguon thue acc -> an muc Thue acc (bo doan nay khi da cau hinh) ---------- */
.sknav-item:has(> a[href$="/thue-acc"]),.sxf-list li:has(a[href$="/thue-acc"]),li:has(> a[href$="/thue-acc"]),a[href$="/thue-acc"]{display:none!important}