/* Trang chủ Chợ Đá — CSS (đã bỏ chú thích cho gọn). Sửa: Giao diện > Sửa file giao diện > Blocksy Child > assets/homepage.css */
.cd-home-page{
  --cd-coral:var(--theme-palette-color-1,#fb7156);
  --cd-coral-deep:#e8543a;
  --cd-ink:var(--theme-palette-color-4,#333333);
  --cd-muted:var(--theme-palette-color-3,#6e6d76);
  --cd-line:var(--theme-palette-color-5,#DFDFE2);
  --cd-card:var(--theme-palette-color-7,#ffffff);
  --cd-dark:var(--theme-palette-color-4,#333333);
  --cd-ease:cubic-bezier(.2,.7,.2,1);
  --cd-rev:cubic-bezier(.16,1,.3,1);
  --cd-shadow:0 1px 2px rgba(51,51,51,.06),0 14px 34px -18px rgba(51,51,51,.28);
}
.cd-home-page .cd-sec{padding-top:clamp(48px,7vw,88px);padding-bottom:clamp(48px,7vw,88px)}
.cd-home-page .cd-sec>h2,.cd-home-page .cd-sec .wp-block-heading{margin-top:0}
.cd-home-page .cd-sec{margin-block-start:0;margin-block-end:0}
.cd-home-page .cdwhy-card,.cd-home-page .cdcat-card{box-shadow:0 1px 2px rgba(51,51,51,.05),0 14px 30px -18px rgba(51,51,51,.22)}
.cd-home-page .cd-emph{background:#EAEEF4;position:relative;z-index:1;box-shadow:0 -10px 30px -18px rgba(51,51,51,.20),0 18px 40px -16px rgba(51,51,51,.30)}
.cd-home-page{--cd-content:var(--theme-normal-container-max-width,1290px)}
.cd-home-page .cd-sec>*{max-width:var(--cd-content);margin-left:auto;margin-right:auto}
.cd-home-page .cd-bg-basalt{background:var(--theme-palette-color-6,#F4F4F5)}
.cd-home-page .cd-bg-limestone{background:var(--theme-palette-color-8,#FBFBFB)}
.cd-on-dark,.cd-on-dark :where(h1,h2,h3,h4,p,li,a){color:var(--theme-palette-color-4,#333333)}
.cd-on-dark .cd-eyebrow{color:var(--cd-coral)}
.cd-home-page .cd-eyebrow{text-transform:uppercase;color:var(--cd-coral);margin-bottom:.5rem;opacity:0;transition:opacity .8s var(--cd-rev)}
.cd-home-page .cd-eyebrow.cd-in{opacity:1}
.cd-scene{position:relative;width:100%;max-width:640px;margin:0 auto;aspect-ratio:var(--ar,4/3);
  border-radius:16px;overflow:hidden;box-shadow:0 26px 54px -30px rgba(51,51,51,.32)}
.cd-scene__bg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0}
.cd-scene__grid{position:absolute;inset:0;z-index:1;display:grid;gap:0}
.cd-scene__t{background-repeat:no-repeat}
.cd-scene__sheen{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;
  background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.32) 50%,transparent 60%)}
.cd-js .cd-scene__bg{opacity:0}
.cd-js .cd-scene__t{opacity:0}
.cd-js .cd-scene.cd-in .cd-scene__bg{animation:cd-bgrev 1.5s var(--cd-rev) .5s both}
.cd-js .cd-scene.cd-in .cd-scene__t{animation:cd-asm 1.1s var(--cd-rev) var(--d,0ms) both}
.cd-js .cd-scene.cd-in .cd-scene__sheen{animation:cd-sheen 1.2s var(--cd-rev) 1.7s both}
.cd-scene__cap{position:absolute;left:14px;bottom:14px;z-index:3;background:rgba(51,51,51,.72);color:#fff;
  font-size:.82rem;font-weight:700;padding:8px 15px;border-radius:22px}
@keyframes cd-bgrev{from{opacity:0}to{opacity:1}}
@keyframes cd-asm{from{opacity:0;transform:translate3d(var(--sx),var(--sy),0) rotate(var(--sr)) scale(var(--ss))}to{opacity:1;transform:none}}
@keyframes cd-sheen{0%{opacity:0;transform:translateX(-32%)}45%{opacity:1}100%{opacity:0;transform:translateX(32%)}}
.cd-counts{display:flex;gap:30px;flex-wrap:wrap;margin-top:8px;opacity:0;transform:translateY(16px);
  transition:opacity .9s var(--cd-rev),transform .9s var(--cd-rev)}
.cd-counts.cd-in{opacity:1;transform:none}
.cd-counts .cd-stat b{display:block;font-size:2rem;font-weight:700;font-variant-numeric:tabular-nums}
.cd-counts .cd-stat span{font-size:.84rem;opacity:.85}
.cdcat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px} .cdcat-card{background:var(--theme-palette-color-7,#ffffff);border:1px solid var(--theme-palette-color-5,#DFDFE2);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease} .cdcat-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px -22px rgba(51,51,51,.28)} .cd-js .cdcat-card{opacity:0} .cd-js .cdcat-card.cd-in{opacity:1;animation:cd-assemble .72s cubic-bezier(.18,.84,.24,1.04) backwards} .cd-js .cdcat-card:nth-child(3n+1){--ax:-54px;--ay:18px;--ar:-4deg} .cd-js .cdcat-card:nth-child(3n+2){--ax:0px;--ay:-46px;--ar:2.5deg} .cd-js .cdcat-card:nth-child(3n+3){--ax:54px;--ay:18px;--ar:4deg} .cd-js .cdcat-card:nth-child(2).cd-in{animation-delay:.09s}.cd-js .cdcat-card:nth-child(3).cd-in{animation-delay:.18s}.cd-js .cdcat-card:nth-child(4).cd-in{animation-delay:.27s}.cd-js .cdcat-card:nth-child(5).cd-in{animation-delay:.36s}.cd-js .cdcat-card:nth-child(6).cd-in{animation-delay:.45s}.cd-js .cdcat-card:nth-child(7).cd-in{animation-delay:.45s}.cd-js .cdcat-card:nth-child(8).cd-in{animation-delay:.45s} .cdcat-media{display:block;aspect-ratio:16/11;background:var(--theme-palette-color-6,#F4F4F5) center/cover} .cdcat-body{padding:20px;display:flex;flex-direction:column;gap:11px;flex:1} .cdcat-title{font-size:1.24rem;line-height:1.2;margin:0} .cdcat-title a{color:var(--theme-palette-color-4,#333333);text-decoration:none} .cdcat-title a:hover{color:var(--theme-palette-color-1,#fb7156)} .cdcat-text{color:var(--theme-palette-color-3,#6e6d76);font-size:.93rem;margin:0;flex:1} .cdcat-more{font-weight:800;color:var(--theme-palette-color-1,#fb7156);font-size:.93rem;text-decoration:none} .cdwhy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px} .cdwhy-card{background:var(--theme-palette-color-7,#ffffff);border:1px solid var(--theme-palette-color-5,#DFDFE2);border-radius:16px;padding:26px 22px;display:flex;flex-direction:column;gap:10px} .cd-js .cdwhy-card{opacity:0} .cd-js .cdwhy-card.cd-in{opacity:1;animation:cd-assemble .7s cubic-bezier(.18,.84,.24,1.04) backwards} .cd-js .cdwhy-card:nth-child(odd){--ax:-40px;--ay:24px;--ar:-3deg} .cd-js .cdwhy-card:nth-child(even){--ax:40px;--ay:-24px;--ar:3deg} .cd-js .cdwhy-card:nth-child(2).cd-in{animation-delay:.11s}.cd-js .cdwhy-card:nth-child(3).cd-in{animation-delay:.22s}.cd-js .cdwhy-card:nth-child(4).cd-in{animation-delay:.33s} .cdwhy-ico{font-size:2rem;margin:0} .cdwhy-title{font-size:1.22rem;line-height:1.25;margin:0;color:var(--theme-palette-color-4,#333333)} .cdwhy-text{color:var(--theme-palette-color-3,#6e6d76);margin:0} .cdabout-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center} .cdabout-eyebrow{color:var(--theme-palette-color-1,#fb7156);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;margin:0 0 10px} .cdabout-h{font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.2;margin:0 0 16px;color:var(--theme-palette-color-4,#333333)} .cdabout-p{color:var(--theme-palette-color-3,#6e6d76);margin:0 0 14px;line-height:1.75} .cdabout-list{display:flex;flex-direction:column;gap:14px;margin:24px 0 0;padding:0;list-style:none} .cdabout-item{display:flex;gap:13px;align-items:flex-start;margin:0} .cdabout-ico{flex:0 0 40px;width:40px;height:40px;border-radius:11px;background:var(--theme-palette-color-6,#F4F4F5);display:flex;align-items:center;justify-content:center;font-size:1.15rem} .cdabout-itxt{margin:0;color:var(--theme-palette-color-4,#333333);line-height:1.55} .cdabout-itxt b{display:block;margin-bottom:2px} .cdabout-media{display:block;border-radius:18px;overflow:hidden;box-shadow:0 26px 50px -28px rgba(51,51,51,.45);aspect-ratio:4/3;background:var(--theme-palette-color-6,#F4F4F5) center/cover} .cd-js .cdabout-col,.cd-js .cdabout-media{opacity:0} .cd-js .cdabout-col.cd-in,.cd-js .cdabout-media.cd-in{opacity:1;animation:cd-assemble .75s cubic-bezier(.18,.84,.24,1.04) backwards} .cd-js .cdabout-col{--ax:-46px;--ay:16px;--ar:-2.5deg} .cd-js .cdabout-media{--ax:46px;--ay:16px;--ar:2.5deg} .cd-js .cdabout-media.cd-in{animation-delay:.14s} @keyframes cd-assemble{from{opacity:0;transform:translate3d(var(--ax,0px),var(--ay,30px),0) scale(.9) rotate(var(--ar,0deg))}to{opacity:1;transform:none}} @media(max-width:940px){.cdcat-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:900px){.cdwhy-grid{grid-template-columns:repeat(2,1fr)}.cdabout-wrap{grid-template-columns:1fr;gap:28px}} @media(max-width:600px){.cdcat-grid{grid-template-columns:1fr}} @media(max-width:520px){.cdwhy-grid{grid-template-columns:1fr}}
.cd-home-page .cd-btn-coral .wp-block-button__link{background:var(--cd-coral);color:#fff;border-radius:11px;
  padding:14px 26px;font-weight:700;transition:transform .2s var(--cd-ease),background .2s}
.cd-home-page .cd-btn-coral .wp-block-button__link:hover{background:var(--cd-coral-deep);transform:translateY(-2px)}
.cd-home-page .cd-on-dark .is-style-outline .wp-block-button__link{color:var(--cd-ink);border-color:var(--cd-line)}
.cd-home-page .cd-card2{background:var(--cd-card);border:1px solid var(--cd-line);border-radius:14px;padding:24px;height:100%;box-shadow:var(--cd-shadow)}
.cd-home-page .cd-card2 .cd-step-num{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;
  background:var(--cd-dark);color:#fff;font-weight:900;font-size:1.15rem;margin-bottom:6px}
.cd-home-page .cd-card2 h3,.cd-home-page .cd-card2 .wp-block-heading{margin:.2rem 0 .3rem;font-size:1.08rem}
.cd-home-page .cd-card2 p{color:var(--cd-muted);font-size:.92rem;margin:0}
.cd-home-page .cd-reveal{opacity:0;transform:translateY(42px) scale(.94);
  transition:opacity .9s var(--cd-rev),transform .9s var(--cd-rev);transition-delay:calc(var(--i,0)*120ms)}
.cd-home-page .cd-reveal.cd-in{opacity:1;transform:none}