/* ===== LEEXO Shop / Catalog — bổ sung cho style.css ===== */

/* Shop hero */
.shop-hero{padding:54px 0 10px;background:radial-gradient(900px 480px at 80% 0%,rgba(176,131,43,.10),transparent 60%)}
.shop-hero h1{font-family:var(--serif);font-size:clamp(30px,4.4vw,52px);margin:14px 0 14px}
.shop-hero .lead{max-width:74ch}
.shop-hero.sub{padding:40px 0 6px}
.crumb{font-size:13.5px;color:var(--ink-soft);margin-bottom:8px}
.crumb a{color:var(--brand);font-weight:600}
.crumb a:hover{text-decoration:underline}
.crumb span{color:var(--ink-soft)}

/* Filter chips */
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}
.chip{border:1.5px solid var(--line);background:var(--surface);color:var(--ink);padding:9px 18px;border-radius:999px;
  font-weight:600;font-size:14px;cursor:pointer;transition:.25s var(--ease)}
.chip:hover{border-color:var(--brand);color:var(--brand)}
.chip.active{background:linear-gradient(135deg,var(--brand),#B0521F);color:#fff;border-color:transparent;box-shadow:0 10px 22px -12px rgba(194,98,45,.7)}

/* Card link colors inherit */
.card h3 a{color:inherit}
.card .thumb{display:block}

/* ===== Product detail ===== */
.pd{padding:34px 0 10px}
.pd-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.pd-gallery{position:sticky;top:96px}
.gmain{aspect-ratio:1/1;background:linear-gradient(180deg,#fff,#FBF8F3);border:1px solid var(--line);
  border-radius:var(--radius);overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}
.gmain img{width:100%;height:100%;object-fit:contain;padding:22px}
.gthumbs{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.gthumb{width:74px;height:74px;border-radius:12px;overflow:hidden;border:2px solid var(--line);background:#fff;cursor:pointer;padding:0;transition:.25s}
.gthumb img{width:100%;height:100%;object-fit:cover}
.gthumb:hover{border-color:var(--brand)}
.gthumb.active{border-color:var(--brand);box-shadow:0 8px 18px -10px rgba(194,98,45,.7)}

.pd-info .cat{font-size:12px;color:var(--brand);font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.pd-info h1{font-family:var(--serif);font-size:clamp(24px,3vw,36px);margin:8px 0 18px;line-height:1.18}
.pd-price{display:flex;align-items:baseline;gap:14px;margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.pd-price .price{font-family:var(--serif);font-size:34px;font-weight:800;color:var(--maroon)}
.pd-price .price-old{font-size:18px;color:var(--ink-soft);text-decoration:line-through}
.pd-cta{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:24px}
.pd-cta .btn{font-size:15px}
.pd-feats{list-style:none;display:grid;gap:12px}
.pd-feats li{display:flex;gap:12px;align-items:flex-start;font-weight:600;font-size:15px}
.pd-feats .ic{color:var(--brand);font-size:17px;margin-top:1px}

/* Description */
.pd-desc-sec{padding-top:6px}
.pd-desc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  padding:30px 32px;box-shadow:var(--shadow-sm);max-width:920px;line-height:1.75}
.pd-desc h4{font-family:var(--font);font-size:17px;color:var(--ink);margin:20px 0 10px}
.pd-desc h4:first-child{margin-top:0}
.pd-desc p{color:var(--ink-soft);margin:10px 0}
.pd-desc ul{margin:10px 0 14px;padding-left:4px;list-style:none;display:grid;gap:8px}
.pd-desc li{position:relative;padding-left:24px;color:var(--ink-soft)}
.pd-desc li::before{content:"✓";position:absolute;left:0;top:0;color:var(--brand);font-weight:800}

/* Floating buttons */
.floatbtns{position:fixed;right:18px;bottom:20px;z-index:80;display:flex;flex-direction:column;gap:12px}
.fbtn{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-weight:800;color:#fff;box-shadow:0 12px 28px -10px rgba(0,0,0,.5);font-size:14px;transition:transform .3s var(--ease)}
.fbtn:hover{transform:translateY(-4px) scale(1.05)}
.fbtn.zalo{background:#0068FF;font-size:13px}
.fbtn.call{background:linear-gradient(135deg,var(--brand),#B0521F);font-size:22px;animation:fpulse 2s infinite}
@keyframes fpulse{0%,100%{box-shadow:0 0 0 0 rgba(194,98,45,.55)}50%{box-shadow:0 0 0 12px rgba(194,98,45,0)}}

@media(max-width:820px){
  .pd-grid{grid-template-columns:1fr;gap:26px}
  .pd-gallery{position:static}
  .floatbtns{right:12px;bottom:14px}
  .fbtn{width:50px;height:50px}
}