/* Bổ sung cho các phần shangi.vn không có (trang chi tiết, chip lọc, menu điện thoại…) — cùng bảng màu gốc */
:root{--navy:#0c0c0e;--model:#8f6400;--accent:#f0b429;--price:#e63946;--cloud:#fbf8f1;--mist:#f6f0e1;--ink:#1c1917}
html,body{overflow-x:hidden}
img{max-width:100%;height:auto}
.sg-logo{height:clamp(36px,4.2vw,52px);width:auto}
.sg-logo-chan{height:52px;width:auto}
.sg-ic-chan{flex:none;margin-top:3px;color:var(--accent)}
.sg-anh-the{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:20px}
.sg-anh-phu{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease-out}
.group:hover .sg-anh-phu{transform:scale(1.1)}
.sg-the-dm{height:clamp(132px,17vw,230px)}
.sg-h1{font-size:36px;line-height:1.05;letter-spacing:-.01em}
@media (min-width:640px){.sg-h1{font-size:48px}}@media (min-width:768px){.sg-h1{font-size:60px}}@media (min-width:1024px){.sg-h1{font-size:72px}}
.sg-h1-sp{font-size:30px;line-height:1.12}@media (min-width:768px){.sg-h1-sp{font-size:36px}}@media (min-width:1024px){.sg-h1-sp{font-size:48px}}
.sg-h2{font-size:24px;font-weight:900;color:var(--navy);line-height:1.2;margin:28px 0 12px}
.sg-bc{font-size:14px;color:#64748b;padding-top:12px;padding-bottom:4px;position:relative;z-index:2}
.sg-bc a{color:var(--model);font-weight:600}.sg-bc b{color:var(--navy)}.sg-bc span{margin:0 4px;opacity:.5}
.sg-bc+section,.sg-bc+*{margin-top:0}
/* chip lọc — giống thanh lọc /products */
.sg-chips-nen{background:#fff;border-bottom:1px solid rgba(12,12,14,.08);border-top:1px solid rgba(12,12,14,.08)}
.sg-chips{display:flex;flex-wrap:wrap;gap:8px 6px;padding-top:12px;padding-bottom:12px}
.sg-chip{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:700;color:rgba(12,12,14,.75);text-decoration:none;transition:background .18s}
.sg-chip span{display:inline-flex;min-width:24px;height:22px;align-items:center;justify-content:center;border-radius:999px;background:var(--mist);font-size:12px;padding:0 6px;color:var(--navy)}
.sg-chip:hover{background:var(--mist)}
.sg-chip.on{background:var(--navy);color:#fff}.sg-chip.on span{background:var(--accent);color:var(--navy)}
/* trang chi tiết */
.sg-sp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}
.sg-khung-anh{position:relative;aspect-ratio:1/1;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,var(--cloud),#fff,var(--mist));box-shadow:0 10px 40px -12px rgba(12,12,14,.15);outline:1px solid rgba(12,12,14,.05)}
.sg-anh-chinh{width:100%;height:100%;object-fit:contain;padding:24px}
.sg-thumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:12px}
.sg-thumb{padding:0;border:2px solid transparent;border-radius:14px;overflow:hidden;background:#fff;cursor:pointer;aspect-ratio:1/1;box-shadow:0 4px 14px -8px rgba(12,12,14,.25)}
.sg-thumb img{width:100%;height:100%;object-fit:cover}
.sg-thumb.on,.sg-thumb:hover{border-color:var(--model)}
.sg-nb{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:8px}
.sg-nb li{display:flex;gap:10px;align-items:flex-start;font-size:16px;color:var(--ink)}
.sg-nb svg{flex:none;margin-top:3px;color:#fff;background:var(--model);border-radius:999px;padding:2px}
.sg-bang{width:100%;border-collapse:separate;border-spacing:0;margin-top:20px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px -12px rgba(12,12,14,.15)}
.sg-bang th,.sg-bang td{padding:11px 14px;text-align:left;font-size:16px;border-bottom:1px solid rgba(12,12,14,.06);vertical-align:top}
.sg-bang tr:last-child th,.sg-bang tr:last-child td{border-bottom:0}
.sg-bang th{width:36%;background:var(--cloud);color:var(--navy);font-weight:700}
.sg-bang a{color:var(--model);font-weight:700}
.sg-chu-nho{font-size:12px;font-style:italic;color:#64748b;margin-top:12px}
/* bài viết */
.sg-bai{max-width:820px}
.sg-bai p{font-size:18px;line-height:1.75;color:#334155;margin:0 0 14px}
.sg-bai a:not([class]){color:var(--model);font-weight:700}
.sg-2cot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.sg-o{background:#fff;border-radius:24px;padding:24px;box-shadow:0 10px 40px -12px rgba(12,12,14,.15);outline:1px solid rgba(12,12,14,.05)}
.sg-o .sg-h2{margin-top:0}
.sg-hd{border-top:1px solid rgba(12,12,14,.08);padding:12px 0}
.sg-hd summary{cursor:pointer;font-weight:800;color:var(--navy);font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:12px}
.sg-hd summary::after{content:'+';color:var(--model);font-size:20px;line-height:1}
.sg-hd[open] summary::after{content:'–'}
.sg-hd p{margin:8px 0 0;color:#475569;font-size:16px;line-height:1.65}
.sg-buoc{margin:0;padding-left:20px;display:grid;gap:10px;font-size:16px;color:var(--ink);line-height:1.6}
/* thẻ cẩm nang */
.sg-ds-bai{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.sg-the-bai{display:flex;flex-direction:column;gap:10px;background:linear-gradient(135deg,#fff,var(--cloud));border-radius:24px;padding:24px;text-decoration:none;box-shadow:0 10px 40px -12px rgba(12,12,14,.15);outline:1px solid rgba(12,12,14,.05);transition:transform .2s,box-shadow .2s}
.sg-the-bai:hover{transform:translateY(-4px);box-shadow:0 20px 45px -20px rgba(12,12,14,.3)}
.sg-the-bai b{font-size:18px;color:var(--navy);font-weight:800;line-height:1.3}
.sg-the-bai span{font-size:14px;color:#475569;line-height:1.55}
.sg-the-bai em{font-style:normal;font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--model);display:inline-flex;gap:6px;align-items:center;margin-top:auto}
/* hero trang chủ */
.sg-so{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px;padding-top:24px;border-top:1px solid rgba(12,12,14,.1)}
.sg-so b{display:block;font-size:30px;font-weight:900;color:var(--navy);line-height:1}
.sg-so span{display:block;margin-top:6px;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#64748b}
.sg-the-hero{position:relative;display:block;background:#fff;border-radius:28px;padding:16px;text-decoration:none;box-shadow:0 20px 45px -20px rgba(12,12,14,.25);outline:1px solid rgba(12,12,14,.06);transition:transform .2s}
.sg-the-hero:hover{transform:translateY(-4px)}
.sg-the-hero .sg-anh-the{padding:28px}
.sg-the-hero-chu{background:#fff;border-radius:18px;padding:12px 14px;box-shadow:0 10px 40px -12px rgba(12,12,14,.15)}
.sg-moi{position:absolute;right:-12px;top:-18px;z-index:2;width:84px;height:84px;border-radius:999px;background:var(--accent);color:var(--navy);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:12px;letter-spacing:.08em;box-shadow:0 10px 30px -8px rgba(240,180,41,.6)}
/* nút nổi gọi / Zalo — vị trí giống bong bóng chat của shangi.vn */
.sg-noi{position:fixed;right:16px;bottom:16px;z-index:50;display:flex;flex-direction:column;gap:10px}
.sg-noi a{width:56px;height:56px;border-radius:999px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px -8px rgba(12,12,14,.5);transition:transform .2s}
.sg-noi a:hover{transform:scale(1.06)}
.sg-noi .sg-noi-zalo{background:var(--model)}
/* menu điện thoại */
.sg-menu-dt{background:#fff;border-top:1px solid rgba(12,12,14,.08);box-shadow:0 20px 40px -20px rgba(12,12,14,.3);padding:8px 16px 16px;max-height:calc(100vh - 80px);overflow-y:auto}
.sg-menu-dt[hidden]{display:none}
.sg-menu-dt a{display:block;padding:12px 4px;font-size:16px;font-weight:700;color:var(--navy);text-decoration:none;border-bottom:1px solid rgba(12,12,14,.06)}
.sg-menu-dt a.phu{font-weight:500;font-size:14px;color:#475569;padding-left:14px}
@media (min-width:768px){.sg-menu-dt{display:none!important}}
@media (max-width:767px){
 .sg-sp,.sg-2cot{grid-template-columns:1fr;gap:24px}
 .sg-thumbs{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
 .sg-thumb{border-radius:10px}
 .sg-moi{right:8px;top:-14px;width:68px;height:68px;font-size:11px}
 .sg-noi a{width:50px;height:50px}
 .sg-anh-the{padding:12px}
 .sg-chip{padding:6px 12px}
 .sg-bai p{font-size:16px}
 .sg-moi{font-size:10px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* class Tailwind bản gốc không biên dịch sẵn */
.h-11{height:2.75rem}.w-11{width:2.75rem}.left-2{left:.5rem}.right-2{right:.5rem}.inset-x-2{left:.5rem;right:.5rem}
@media (min-width:768px){.md\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}}
.sg-dong-rieng{font-size:14px;line-height:1.45;color:#64748b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:767px){.sg-dong-rieng{font-size:12px}}
@media (min-width:768px){.sg-h2{font-size:30px}.sg-so b{font-size:36px}}
/* vòng nét khi dùng bàn phím — đồng nhất mọi link/nút */
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--model);outline-offset:3px;border-radius:12px}
/* thẻ danh mục: lớp phủ đáy đậm hơn bản gốc để chữ vàng nhỏ đạt tương phản AA (≥4.5) */
.sg-the-dm .bg-gradient-to-t{background-image:linear-gradient(to top,rgba(12,12,14,.96) 0%,rgba(12,12,14,.93) 38%,rgba(12,12,14,.45) 72%,rgba(12,12,14,.05) 100%)}
@media (max-width:767px){.sg-the-dm .bg-gradient-to-t{background-image:linear-gradient(to top,rgba(12,12,14,.96) 0%,rgba(12,12,14,.94) 58%,rgba(12,12,14,.5) 85%,rgba(12,12,14,.15) 100%)}}
/* màu giá đậm hơn bản gốc (#e63946 → #d62839) để đạt tương phản AA — anh Trình duyệt 12/10 */
.text-price{color:#d62839!important}

/* WN08 nhãn dán sản phẩm — góc phải trên ảnh, không đè nhãn danh mục bên trái */
.sg-nhan-dan{position:absolute;right:.75rem;top:.75rem;z-index:2;border-radius:9999px;padding:.25rem .7rem;font-size:12px;font-weight:800;line-height:1.4;letter-spacing:.02em;box-shadow:0 2px 6px rgba(12,12,14,.18);pointer-events:none}
.sg-nd-giam-gia{background:#d62839;color:#fff}.sg-nd-moi{background:#0f7a3d;color:#fff}
.sg-nd-ban-chay{background:#f0b429;color:#0c0c0e}.sg-nd-hot{background:#c2410c;color:#fff}
@media (min-width:640px){.sg-nhan-dan{right:1rem;top:1rem;font-size:13px}}
/* WN09 video giới thiệu sản phẩm */
.sg-video-muc{max-width:56rem}
.sg-video{position:relative;margin-top:1.25rem;aspect-ratio:16/9;overflow:hidden;border-radius:1.25rem;background:#0c0c0e;box-shadow:0 18px 40px -18px rgba(12,12,14,.45)}
.sg-video video{display:block;width:100%;height:100%;object-fit:contain;background:#0c0c0e}
/* WN10 bìa trang chủ đen + vàng kim theo hộp và logo GWOON (khác bố cục nền sáng của shangi.vn) */
.gw-bia{--vang:#f0b429;--vang-nhat:#f7d774;--den:#0c0c0e;position:relative;overflow:hidden;color:#fff;
 background:radial-gradient(60% 70% at 78% 40%,rgba(240,180,41,.20),transparent 70%),radial-gradient(40% 50% at 0% 100%,rgba(240,180,41,.10),transparent 70%),
 repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 1px,transparent 1px 22px),var(--den)}
.gw-bia-in{position:relative;max-width:80rem;margin:0 auto;padding:40px 16px 48px;display:grid;grid-template-columns:minmax(0,1fr);gap:36px;align-items:center}
.gw-nhan{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(240,180,41,.45);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:700;letter-spacing:.08em;color:var(--vang-nhat);background:rgba(240,180,41,.06)}
.gw-cham{width:8px;height:8px;border-radius:999px;background:var(--vang);box-shadow:0 0 0 4px rgba(240,180,41,.18)}
.gw-h1{margin:20px 0 0;font-size:40px;line-height:1.06;font-weight:900;letter-spacing:-.015em;text-wrap:balance}
.gw-h1 span:first-child{color:#fff}
.gw-vang{background:linear-gradient(95deg,var(--vang-nhat),var(--vang) 45%,#c98f12);-webkit-background-clip:text;background-clip:text;color:transparent}
.gw-mo-ta{margin:20px 0 0;max-width:36rem;font-size:16px;line-height:1.7;color:rgba(255,255,255,.78)}
.gw-mo-ta b{color:var(--vang-nhat)}
.gw-nut-hang{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.gw-nut{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:14px 22px;font-size:14px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;background:var(--vang);color:var(--den);transition:transform .25s cubic-bezier(.2,.8,.2,1),background .25s,box-shadow .25s;box-shadow:0 12px 30px -12px rgba(240,180,41,.7)}
.gw-nut:hover{background:#fff;transform:translateY(-2px)}
.gw-nut-vien{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.gw-nut-vien:hover{background:#fff;color:var(--den)}
.gw-so{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:32px;padding-top:22px;border-top:1px solid rgba(240,180,41,.25)}
.gw-so b{display:block;font-size:30px;font-weight:900;line-height:1;color:var(--vang)}
.gw-so span{display:block;margin-top:8px;font-size:14px;font-weight:600;color:rgba(255,255,255,.7)}
/* hộp đen GWOON 3D */
.gw-bia-hop{display:flex;justify-content:center}
.gw-canh{--w:190px;--h:220px;--d:104px;position:relative;display:flex;flex-direction:column;align-items:center;padding:28px 40px 0;text-decoration:none;perspective:1100px}
.gw-hao-quang{position:absolute;left:50%;top:44%;width:calc(var(--w)*1.9);height:calc(var(--w)*1.9);transform:translate(-50%,-50%);border-radius:999px;
 background:radial-gradient(circle,rgba(240,180,41,.28),rgba(240,180,41,.05) 55%,transparent 70%);pointer-events:none}
.gw-hao-quang::after{content:'';position:absolute;inset:14%;border-radius:999px;border:1px solid rgba(240,180,41,.25)}
.gw-hop{position:relative;width:var(--w);height:var(--h);transform-style:preserve-3d;transform:rotateX(-16deg) rotateY(-30deg);transition:transform .45s cubic-bezier(.2,.8,.2,1);animation:gw-noi 6s ease-in-out infinite}
.gw-canh:hover .gw-hop{transform:rotateX(-12deg) rotateY(-18deg)}
.gw-mat{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;backface-visibility:hidden}
.gw-truoc{inset:0;transform:translateZ(calc(var(--d)/2));background:linear-gradient(160deg,#232327,#0b0b0d 70%);box-shadow:inset 0 0 0 1px rgba(240,180,41,.55),inset 0 0 0 7px #111114,inset 0 0 0 8px rgba(240,180,41,.3)}
.gw-truoc img{width:74%;height:auto}
.gw-truoc i{display:block;width:44%;height:1px;margin:16px 0 12px;background:linear-gradient(90deg,transparent,var(--vang),transparent)}
.gw-truoc em,.gw-ben em{font-style:normal;font-size:14px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--vang-nhat)}
.gw-ben{top:0;left:calc(50% - var(--d)/2);width:var(--d);height:var(--h);transform:rotateY(90deg) translateZ(calc(var(--w)/2));background:linear-gradient(90deg,#0a0a0b,#18181b);box-shadow:inset 0 0 0 1px rgba(240,180,41,.4)}
.gw-ben em{writing-mode:vertical-rl;letter-spacing:.5em;opacity:.85}
.gw-tren{left:0;top:calc(50% - var(--d)/2);width:var(--w);height:var(--d);transform:rotateX(90deg) translateZ(calc(var(--h)/2));background:linear-gradient(180deg,#2a2a2f,#151518);box-shadow:inset 0 0 0 1px rgba(240,180,41,.45)}
.gw-bong{width:calc(var(--w)*1.15);height:22px;margin-top:22px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.75),transparent);animation:gw-bong 6s ease-in-out infinite}
.gw-xem{position:relative;display:inline-flex;align-items:center;gap:8px;margin-top:14px;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:800;color:var(--den);background:var(--vang-nhat);transition:background .25s}
.gw-canh:hover .gw-xem{background:#fff}
@keyframes gw-noi{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes gw-bong{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.88);opacity:.7}}
/* dải chữ chạy vàng kim */
.gw-dai{background:#f0b429;color:#0c0c0e;padding:14px 0;border-top:1px solid rgba(0,0,0,.2)}
.gw-dai-chu{font-size:14px;font-weight:800;letter-spacing:.3em;text-transform:uppercase}
.gw-dai-sao{color:#0c0c0e;opacity:.6}
@media (min-width:640px){.gw-h1{font-size:52px}.gw-canh{--w:230px;--h:265px;--d:124px}}
@media (min-width:768px){
 .gw-bia-in{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;padding:88px 32px}
 .gw-h1{font-size:64px}.gw-mo-ta{font-size:18px}.gw-so b{font-size:36px}.gw-nut{padding:16px 28px}
}
@media (min-width:1024px){.gw-h1{font-size:72px}.gw-canh{--w:260px;--h:300px;--d:140px}}
@media (max-width:380px){.gw-nut{padding:13px 18px}.gw-h1{font-size:36px}}
/* WN11: khung chat tra giá + nhận báo giá (tools/chat.js) — đen + vàng kim theo bìa WN10 */
.gwc{--gwc-den:#0c0c0e;--gwc-vang:#f0b429;font-family:inherit}
.gwc-nut{position:fixed;right:16px;bottom:154px;z-index:60;display:flex;align-items:center;gap:8px;height:52px;padding:0 18px 0 16px;border:0;border-radius:999px;background:var(--gwc-den);color:var(--gwc-vang);font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 12px 30px -8px rgba(0,0,0,.55),inset 0 0 0 1.5px rgba(240,180,41,.55);transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.gwc-nut:hover{transform:scale(1.05)}
.gwc-nut:focus-visible,.gwc button:focus-visible,.gwc input:focus-visible,.gwc textarea:focus-visible{outline:2px solid var(--gwc-vang);outline-offset:2px}
.gwc-khung{position:fixed;right:16px;bottom:16px;z-index:61;width:380px;max-width:calc(100vw - 32px);height:min(600px,calc(100vh - 32px));display:flex;flex-direction:column;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 24px 60px -12px rgba(0,0,0,.45);opacity:0;transform:translateY(16px) scale(.98);pointer-events:none;visibility:hidden;transition:opacity .22s,transform .25s cubic-bezier(.2,.8,.2,1),visibility .25s}
.gwc-mo .gwc-khung{opacity:1;transform:none;pointer-events:auto;visibility:visible}
.gwc-mo .gwc-nut{opacity:0;pointer-events:none}
.gwc-dau-khung{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 14px 14px 18px;background:var(--gwc-den);color:#fff;border-bottom:2px solid var(--gwc-vang)}
.gwc-tieu{font-size:17px;font-weight:800;color:var(--gwc-vang)}
.gwc-phu{font-size:14px;color:rgba(255,255,255,.75)}
.gwc-dong{width:40px;height:40px;border:0;border-radius:999px;background:rgba(255,255,255,.1);color:#fff;font-size:24px;line-height:1;cursor:pointer}
.gwc-than{flex:1;overflow-y:auto;overflow-x:hidden;padding:14px;background:#f6f6f4;display:flex;flex-direction:column;gap:10px}
.gwc-tin{max-width:92%;padding:10px 13px;border-radius:16px;font-size:15px;line-height:1.45;word-wrap:break-word}
.gwc-may{align-self:flex-start;background:#fff;color:#1f2937;border-top-left-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.gwc-khach{align-self:flex-end;background:var(--gwc-den);color:#fff;border-top-right-radius:6px}
.gwc-dau{font-weight:700;margin-bottom:6px}
.gwc-chu-nho{font-size:14px;font-style:italic;color:#64748b;margin-top:6px}
.gwc-chip{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.gwc-chip button{min-height:36px;padding:0 12px;border:1px solid #e5e2d8;border-radius:999px;background:#fff;color:#1f2937;font-size:14px;font-weight:600;cursor:pointer}
.gwc-chip button:hover{border-color:var(--gwc-vang)}
.gwc-chip .gwc-chip-bg{background:var(--gwc-den);color:var(--gwc-vang);border-color:var(--gwc-den)}
.gwc-sp{display:flex;gap:10px;padding:10px 0;border-top:1px solid #efede6}
.gwc-sp img{flex:none;width:56px;height:56px;object-fit:contain;border-radius:10px;background:#f5f5f2}
.gwc-sp-chu{min-width:0}
.gwc-sp-ten{display:block;font-weight:700;color:#111;text-decoration:none}
.gwc-sp-ten:hover{text-decoration:underline}
.gwc-sp-ma{font-size:14px;color:#64748b}
.gwc-sp-gia{font-weight:800;color:var(--price)}
.gwc-nho{margin-top:6px;min-height:36px;padding:0 12px;border:0;border-radius:10px;background:var(--gwc-vang);color:#111;font-size:14px;font-weight:800;cursor:pointer}
.gwc-form{display:flex;flex-direction:column;gap:8px}
.gwc-o{display:flex;flex-direction:column;gap:4px;font-size:14px;font-weight:600;color:#374151}
.gwc-o input,.gwc-o textarea{width:100%;box-sizing:border-box;padding:9px 11px;border:1px solid #d6d3c9;border-radius:10px;font:inherit;font-size:16px;font-weight:400;color:#111;background:#fff}
.gwc-gui{min-height:44px;border:0;border-radius:12px;background:var(--gwc-den);color:var(--gwc-vang);font-size:15px;font-weight:800;cursor:pointer}
.gwc-gui:disabled{opacity:.6}
.gwc-bao{font-size:14px;color:#b91c1c;min-height:0}
.gwc-nhap{display:flex;gap:8px;padding:10px;border-top:1px solid #eee;background:#fff}
.gwc-nhap input{flex:1;min-width:0;height:44px;padding:0 14px;border:1px solid #d6d3c9;border-radius:999px;font:inherit;font-size:16px}
.gwc-nhap button{height:44px;padding:0 18px;border:0;border-radius:999px;background:var(--gwc-den);color:var(--gwc-vang);font-size:15px;font-weight:800;cursor:pointer}
.gwc-chan{padding:0 12px 10px;background:#fff;font-size:14px;color:#64748b;text-align:center}
.gwc-chan a{color:#111;font-weight:700}
@media (max-width:640px){.gwc-nut{bottom:142px;height:48px;padding:0 14px}.gwc-khung{right:8px;bottom:8px;max-width:calc(100vw - 16px);height:calc(100dvh - 16px)}}
@media (prefers-reduced-motion:reduce){.gwc-khung,.gwc-nut{transition:none}}

/* 15/10 mã giảm giá trong form báo giá */
.gwc-ma{display:flex;gap:6px;align-items:stretch}.gwc-ma input{flex:1;min-width:0;text-transform:uppercase}.gwc-ma .gwc-nho{margin-top:0;white-space:nowrap}
.gwc-ma-kq{font-size:14px;color:#374151;min-height:0}.gwc-ma-ok{color:#0f7a3d;font-weight:700}.gwc-ma-loi{color:#b91c1c}

/* 15/10 giảm % trên ảnh sản phẩm */
.sg-giam-pt{position:absolute;right:.75rem;top:.75rem;z-index:3;border-radius:9999px;padding:.3rem .75rem;background:#d62839;color:#fff;font-size:14px;font-weight:900;line-height:1.3;box-shadow:0 2px 8px rgba(214,40,57,.35);pointer-events:none}
.sg-nd-duoi{top:2.9rem}
@media (min-width:640px){.sg-giam-pt{right:1rem;top:1rem;font-size:15px}.sg-nd-duoi{top:3.3rem}}
.sg-gia-cu{color:#6b7079;font-weight:600;font-size:max(14px,.6em);text-decoration:line-through;margin-right:.15em}
.sg-gia-pt{display:inline-block;vertical-align:middle;margin-left:.4rem;border-radius:8px;padding:.15rem .5rem;background:#d62839;color:#fff;font-size:14px;font-weight:900}