/* House Materials Packages — prefab spec-sheet aesthetic (page-scoped to body.hk-pf).
   Loaded after the page's inline styles; every rule is prefixed with .hk-pf so it wins
   on specificity without touching shared/global styles. Mirrors /prefab-homes/prefab.css. */
.hk-pf {
  --pf-bg:#121b27; --pf-panel:#1a2636; --pf-panel2:#223247; --pf-line:rgba(233,216,180,.14);
  --pf-pine:#e9d8b4; --pf-pine-dim:#b9a985; --pf-orange:#ff5c24; --pf-orange-d:#e84c1c;
  --pf-ink:#eef0f3; --pf-mute:#9aa6b4;
  --pf-head:'Bebas Neue','Oswald',sans-serif; --pf-body:'Barlow',system-ui,sans-serif;
  background:var(--pf-bg); color:var(--pf-ink); font-family:var(--pf-body);
}
.hk-pf main.container-wide { max-width:1240px; }
.hk-pf :focus-visible { outline:2px solid var(--pf-orange); outline-offset:3px; }

/* ---------- October promotion ---------- */
.hk-pf .promo-banner { background:var(--pf-panel); border-top:1px solid var(--pf-line); border-bottom:1px solid var(--pf-line); box-shadow:inset 4px 0 0 var(--pf-orange); }
.hk-pf .promo-banner-inner { max-width:1240px; text-align:left; justify-content:space-between; }
.hk-pf .promo-flash { color:var(--pf-orange); font-family:var(--font-cond); letter-spacing:3px; font-size:12px; }
.hk-pf .promo-text { color:#d6dbe2; }
.hk-pf .promo-text strong { font-family:var(--pf-head); font-weight:400; letter-spacing:.5px; color:var(--pf-ink); font-size:clamp(34px,4vw,54px); line-height:.95; }
.hk-pf .promo-text > span { color:#cfd5dc; font-size:15px; }
.hk-pf .promo-countdown-wrap { color:var(--pf-pine-dim); }
.hk-pf .promo-countdown-segment { background:var(--pf-bg); border:1px solid var(--pf-line); box-shadow:none; border-radius:4px; }
.hk-pf .promo-countdown-segment strong { font-family:var(--pf-head); font-weight:400; color:var(--pf-pine); letter-spacing:1px; }
.hk-pf .promo-countdown-segment small { color:var(--pf-mute); font-family:var(--font-cond); }
.hk-pf .promo-cta { background:var(--pf-orange-d); color:#fff; font-family:var(--font-cond); font-weight:700; letter-spacing:1.4px; border-radius:5px; border:2px solid var(--pf-orange-d); transition:transform .15s, background .2s; }
.hk-pf .promo-cta:hover { background:var(--pf-orange); color:#fff; transform:translateY(-2px); }
.hk-pf .promo-terms { color:var(--pf-mute); }
.hk-pf .promo-banner.is-expired { background:var(--pf-panel); box-shadow:inset 4px 0 0 var(--pf-mute); }
.hk-pf .promo-banner.is-expired .promo-flash { color:var(--pf-mute); }

/* ---------- Hero ---------- */
.hk-pf .breadcrumb { font-size:12px; color:var(--pf-mute); letter-spacing:.5px; padding-top:22px; }
.hk-pf .breadcrumb a { color:var(--pf-pine-dim); }
.hk-pf .hk-hero { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); column-gap:44px; grid-template-rows:repeat(6,auto) 1fr; align-items:start; padding:30px 0 34px; text-align:left; }
.hk-pf .hk-hero > * { grid-column:1; }
.hk-pf .hk-pf-hero-img { grid-column:2; grid-row:1 / span 7; align-self:start; margin-top:24px; width:100%; height:auto !important; aspect-ratio:10/7; object-fit:cover; border-radius:4px; border:1px solid var(--pf-line); box-shadow:18px 18px 0 -1px var(--pf-panel2); animation:hkPfRise .7s ease both .1s; }
.hk-pf .hk-hero .eyebrow { font-family:var(--font-cond); font-size:12px; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:var(--pf-orange); margin-bottom:10px; animation:hkPfRise .6s ease both; }
.hk-pf .hk-hero h1 { font-family:var(--pf-head); font-weight:400; letter-spacing:.5px; line-height:.95; color:var(--pf-ink); font-size:clamp(50px,6.4vw,92px); margin:0 0 14px; text-transform:none; animation:hkPfRise .6s ease both; }
.hk-pf .hk-hero .subhead { font-family:var(--font-cond); font-size:15px; letter-spacing:1px; text-transform:uppercase; color:var(--pf-pine-dim); margin:0 0 16px; }
.hk-pf .hk-hero .lede { font-size:17px; font-weight:300; line-height:1.65; color:#d6dbe2; max-width:600px; margin:0 0 14px; }
.hk-pf .hk-hero .lede strong { color:var(--pf-pine); font-weight:600; }
.hk-pf .hk-hero .hk-package-note { border-left:4px solid var(--pf-pine); background:var(--pf-panel); padding:14px 18px; border-radius:0 6px 6px 0; font-size:15px; font-weight:400; color:#cfd5dc; }
.hk-pf .hk-hero .stat-row { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--pf-line); border:1px solid var(--pf-line); border-radius:5px; overflow:hidden; padding:0; margin:12px 0 0; }
.hk-pf .hk-hero .stat-row .stat { background:var(--pf-panel); padding:10px 13px; display:flex; flex-direction:column-reverse; justify-content:flex-end; gap:2px; text-align:left; }
.hk-pf .hk-hero .stat-row .num { font-family:var(--pf-head); font-weight:400; font-size:26px; color:var(--pf-pine); line-height:1.05; font-variant-numeric:tabular-nums; }
.hk-pf .hk-hero .stat-row .lbl { font-family:var(--font-cond); font-size:10px; letter-spacing:2px; text-transform:uppercase; color:var(--pf-pine-dim); }
.hk-pf .hero-cta-row a { border-radius:5px; font-family:var(--font-cond); font-weight:700; letter-spacing:1.4px; transition:transform .15s, background .2s; }
.hk-pf .hero-cta-row .cta-primary { background:var(--pf-orange-d); color:#fff; border:2px solid var(--pf-orange-d); }
.hk-pf .hero-cta-row .cta-primary:hover { background:var(--pf-orange); transform:translateY(-2px); }
.hk-pf .hero-cta-row .cta-secondary { background:transparent; color:var(--pf-pine); border:2px solid rgba(233,216,180,.45); }
.hk-pf .hero-cta-row .cta-secondary:hover { background:rgba(233,216,180,.08); color:var(--pf-pine); }

/* ---------- Jump-rail style trust strip ---------- */
.hk-pf .trust-strip { background:transparent; border:1px solid var(--pf-line); border-radius:6px; padding:0; gap:0; justify-content:stretch; overflow:hidden; color:var(--pf-ink); }
.hk-pf .trust-strip .item { flex:1 1 0; justify-content:center; padding:14px 12px; border-right:1px solid var(--pf-line); font-size:13px; letter-spacing:.8px; }
.hk-pf .trust-strip .item:last-child { border-right:0; }
.hk-pf .trust-strip .item a { color:var(--pf-orange); }
.hk-pf .trust-strip .sep { display:none; }

/* ---------- Scope / pricing notice ---------- */
.hk-pf .labor-callout { background:var(--pf-panel); border:0; border-left:4px solid var(--pf-pine); border-radius:0 6px 6px 0; padding:20px 24px; margin:18px 0 24px; }
.hk-pf .labor-callout-icon { display:none; }
.hk-pf .labor-callout-title { font-family:var(--pf-head); font-weight:400; font-size:30px; letter-spacing:.5px; color:var(--pf-pine); text-transform:none; }
.hk-pf .labor-callout-text { color:#cfd5dc; font-size:15px; line-height:1.65; max-width:900px; }
.hk-pf .labor-callout-text strong { color:var(--pf-ink); }
.hk-pf .labor-callout a { color:var(--pf-orange); }

/* ---------- Spec + color panels ---------- */
.hk-pf .spec-block, .hk-pf .color-block { background:var(--pf-panel); border:1px solid var(--pf-line); border-radius:6px; }
.hk-pf .spec-block .spec-eyebrow { color:var(--pf-orange); }
.hk-pf .spec-block h2, .hk-pf .color-block h2 { font-family:var(--pf-head); font-weight:400; font-size:40px; letter-spacing:.5px; text-transform:none; line-height:.95; color:var(--pf-ink); }
.hk-pf .spec-col { background:var(--pf-bg); border:1px solid var(--pf-line); border-radius:5px; }
.hk-pf .spec-col h3 { font-weight:700; letter-spacing:.8px; color:var(--pf-pine); }
.hk-pf .spec-col li { color:#c8cfd8; border-top-color:var(--pf-line); }
.hk-pf .spec-col li strong { color:var(--pf-ink); }
.hk-pf .spec-col.up .spec-tag { background:var(--pf-orange-d); color:#fff; }
.hk-pf .spec-col.up li::before { background:var(--pf-orange); }
.hk-pf .spec-col.base li::before { background:var(--pf-pine-dim); }
.hk-pf .spec-col.base .spec-tag, .hk-pf .color-block .spec-tag { background:transparent; color:var(--pf-pine); border:1px solid var(--pf-line); }
.hk-pf .spec-block .spec-foot, .hk-pf .color-block .color-head p, .hk-pf .color-foot { color:var(--pf-mute); }
.hk-pf .spec-block .spec-foot a { color:var(--pf-orange); }
.hk-pf .color-swatches .sw { border-radius:4px; border-color:var(--pf-line); box-shadow:none; }
.hk-pf .color-swatches .sw-name { color:#d6dbe2; font-weight:600; }
.hk-pf .color-swatches .sw-name sup, .hk-pf .color-foot sup { color:var(--pf-orange); }

/* ---------- Filters + count ---------- */
.hk-pf .hk-filters { background:rgba(26,38,54,.96); border:1px solid var(--pf-line); border-radius:6px; padding:14px; }
.hk-pf .hk-filters input, .hk-pf .hk-filters select, .hk-pf .hk-filters .filter-more-toggle { background:var(--pf-bg); color:var(--pf-ink); border:1px solid rgba(233,216,180,.25); border-radius:4px; font-family:var(--pf-body); font-size:14px; min-height:42px; }
.hk-pf .hk-filters input::placeholder { color:var(--pf-mute); }
.hk-pf .hk-filters input:focus, .hk-pf .hk-filters select:focus { border-color:var(--pf-orange); outline:none; }
.hk-pf .hk-filters input:focus-visible, .hk-pf .hk-filters select:focus-visible { outline:2px solid var(--pf-orange); outline-offset:1px; }
.hk-pf .hk-count { font-family:var(--font-cond); font-size:13px; letter-spacing:1.6px; text-transform:uppercase; color:var(--pf-pine-dim); }
.hk-pf .hk-clear-btn { color:var(--pf-orange); font-family:var(--font-cond); letter-spacing:1px; text-transform:uppercase; }

/* ---------- Catalog cards (dense grid, prefab image/spec treatment) ---------- */
.hk-pf .hk-public-grid { grid-template-columns:repeat(auto-fill, minmax(290px, 1fr)); gap:18px; }
.hk-pf .hk-card-public { background:var(--pf-panel); border:1px solid var(--pf-line); border-radius:5px; transition:border-color .2s, transform .2s; }
.hk-pf .hk-card-public:hover { border-color:rgba(233,216,180,.4); transform:translateY(-3px); }
.hk-pf .hk-card-public:focus-within { border-color:var(--pf-orange); }
.hk-pf .hk-img-wrap { background:var(--pf-bg); border-bottom:1px solid var(--pf-line); }
.hk-pf .hk-img-wrap img.img-ext { transition:transform .5s ease; }
.hk-pf .hk-card-public:hover .hk-img-wrap img.img-ext { transform:scale(1.025); }
.hk-pf .hk-img-wrap img.img-plan { background:#f2efe8; }
.hk-pf .hk-img-badge { left:auto; right:8px; background:rgba(18,27,39,.88); color:var(--pf-pine); font-family:var(--font-cond); font-size:11px; letter-spacing:1.2px; border-radius:3px; padding:5px 9px; }
.hk-pf .hk-card-body { padding:18px 18px 16px; }
.hk-pf .hk-card-body .hk-name { font-family:var(--pf-head); font-weight:400; font-size:32px; line-height:.95; letter-spacing:.5px; color:var(--pf-ink); margin-bottom:12px; }
.hk-pf .hk-plan-tag { font-family:var(--font-cond); font-size:11px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:var(--pf-orange); background:transparent; border:1px solid rgba(255,92,36,.4); border-radius:3px; padding:3px 8px; }
.hk-pf .hk-badges { gap:1px; background:var(--pf-line); border:1px solid var(--pf-line); border-radius:4px; overflow:hidden; display:grid; grid-template-columns:repeat(auto-fit, minmax(70px,1fr)); }
.hk-pf .hk-badges span { background:var(--pf-bg); border:0; border-radius:0; color:#d6dbe2; font-family:var(--font-cond); font-size:11px; letter-spacing:1px; text-transform:uppercase; text-align:center; padding:6px 6px; }
.hk-pf .hk-card-body .hk-specs { color:var(--pf-pine); font-size:13px; font-weight:500; font-variant-numeric:tabular-nums; }
.hk-pf .hk-card-body .hk-desc { color:#c8cfd8; font-size:14px; line-height:1.6; }
.hk-pf .hk-premium-note { color:var(--pf-pine-dim); }
.hk-pf .hk-more { color:var(--pf-orange); font-weight:700; }
.hk-pf .hk-price-row { border-top-color:var(--pf-line); }
.hk-pf .hk-card-body .hk-price { font-family:var(--pf-head); font-weight:400; font-size:36px; line-height:1; color:var(--pf-pine); font-variant-numeric:tabular-nums; }
.hk-pf .hk-price-was { color:var(--pf-mute); font-family:var(--pf-body); }
.hk-pf .hk-price-save { background:var(--pf-orange-d); color:#fff; }
.hk-pf .hk-quote-btn { background:var(--pf-orange-d); color:#fff !important; border:2px solid var(--pf-orange-d); border-radius:5px; font-family:var(--font-cond); font-weight:700; letter-spacing:1.2px; transition:transform .15s, background .2s; }
.hk-pf .hk-quote-btn:hover { background:var(--pf-orange); border-color:var(--pf-orange); transform:translateY(-2px); }
.hk-pf .hkm-delivery-btn { background:transparent; border-color:rgba(233,216,180,.45); color:var(--pf-pine) !important; }
.hk-pf .hkm-delivery-btn:hover { background:rgba(233,216,180,.08); border-color:rgba(233,216,180,.45); }
.hk-pf .no-results { background:var(--pf-panel); border:1px dashed var(--pf-line); border-radius:5px; color:var(--pf-mute); }

/* ---------- Lightbox ---------- */
.hk-pf .hk-lightbox { background:rgba(12,18,26,.94); }
.hk-pf .hk-lightbox img { border-radius:4px; background:#f2efe8; }
.hk-pf .hk-lightbox-close { background:var(--pf-panel); border-color:var(--pf-line); color:var(--pf-pine); }
.hk-pf .hk-lightbox-close:hover { border-color:var(--pf-orange); color:var(--pf-orange); }

/* ---------- Detail modal ---------- */
.hk-pf .hkm-overlay { background:rgba(12,18,26,.86); }
.hk-pf .hkm { background:var(--pf-panel); border:1px solid var(--pf-line); border-radius:8px; }
.hk-pf .hkm-close, .hk-pf .hkq-close { background:var(--pf-bg); border:1px solid var(--pf-line); color:var(--pf-pine); }
.hk-pf .hkm-close:hover, .hk-pf .hkq-close:hover { border-color:var(--pf-orange); color:var(--pf-orange); }
.hk-pf .hkm-imgs { background:var(--pf-line); gap:1px; border-radius:8px 8px 0 0; }
.hk-pf .hkm-imgs img.plan { background:#f2efe8; }
.hk-pf .hkm-imgs figcaption { left:auto; right:8px; background:rgba(18,27,39,.88); color:var(--pf-pine); border-radius:3px; letter-spacing:1.2px; }
.hk-pf .hkm-body { padding:26px 30px 28px; }
.hk-pf .hkm-body h3 { font-family:var(--pf-head); font-weight:400; font-size:clamp(40px,5vw,58px); line-height:.95; letter-spacing:.5px; text-transform:none; color:var(--pf-ink); margin-bottom:10px; }
.hk-pf .hkm-summary { color:#cfd5dc; font-size:15px; }
.hk-pf .hkm-cols h4 { color:var(--pf-pine); letter-spacing:2px; font-weight:700; }
.hk-pf .hkm-includes li { border-bottom-color:var(--pf-line); color:#cdd3db; }
.hk-pf .hkm-includes li::before { content:''; top:12px; left:2px; width:8px; height:2px; background:var(--pf-orange); }
.hk-pf .hkm-specs { border:1px solid var(--pf-line); border-radius:5px; overflow:hidden; }
.hk-pf .hkm-specs .row { padding:8px 12px; border-bottom-color:var(--pf-line); background:var(--pf-bg); }
.hk-pf .hkm-specs dt { font-family:var(--font-cond); font-size:11px; letter-spacing:1.6px; text-transform:uppercase; color:var(--pf-pine-dim); }
.hk-pf .hkm-specs dd { color:var(--pf-ink); font-weight:600; font-variant-numeric:tabular-nums; }
.hk-pf .hkm-price-row { border-top-color:var(--pf-line); }
.hk-pf .hkm-price { font-family:var(--pf-head); font-weight:400; font-size:48px; line-height:1; color:var(--pf-pine); }
.hk-pf .hkm-note { color:var(--pf-mute); }

/* ---------- Quote modal ---------- */
.hk-pf .hkq-overlay { background:rgba(12,18,26,.9); }
.hk-pf .hkq-dialog { background:var(--pf-panel); border:1px solid var(--pf-line); border-radius:8px; }
.hk-pf .hkq-eyebrow { color:var(--pf-orange); font-weight:700; }
.hk-pf .hkq-title { font-family:var(--pf-head); font-weight:400; font-size:46px; line-height:.95; letter-spacing:.5px; text-transform:none; color:var(--pf-ink); }
.hk-pf .hkq-intro { color:#cfd5dc; }
.hk-pf .hkq-selection { background:var(--pf-bg); border:1px solid var(--pf-line); border-left:4px solid var(--pf-pine); border-radius:0 5px 5px 0; }
.hk-pf .hkq-selection strong { color:var(--pf-ink); }
.hk-pf .hkq-selection span { color:var(--pf-mute); }
.hk-pf .hkq-selection-price { font-family:var(--pf-head); font-weight:400; color:var(--pf-pine) !important; font-size:32px !important; }
.hk-pf .hkq-field label { font-family:var(--font-cond); font-weight:400; letter-spacing:1.4px; color:var(--pf-pine-dim); }
.hk-pf .hkq-field input { background:var(--pf-bg); border:1px solid rgba(233,216,180,.25); border-radius:4px; color:var(--pf-ink); font-family:var(--pf-body); }
.hk-pf .hkq-field input:focus { border-color:var(--pf-orange); outline:2px solid rgba(255,92,36,.35); }
.hk-pf .hkq-submit { background:var(--pf-orange-d); color:#fff; border-radius:5px; font-weight:700; transition:background .2s; }
.hk-pf .hkq-submit:hover { background:var(--pf-orange); }
.hk-pf .hkq-consent { color:var(--pf-mute); }
.hk-pf .hkq-consent a { color:var(--pf-orange); }
.hk-pf .hkq-status.error { background:rgba(255,92,36,.1); border:1px solid rgba(255,92,36,.45); color:#ffd9cb; padding:10px 13px; border-radius:4px; }
.hk-pf .hkq-status:empty { border:0; padding:0; background:none; }
.hk-pf .hkq-success { text-align:left; border-left:4px solid var(--pf-pine); padding:18px 22px; background:var(--pf-bg); border-radius:0 6px 6px 0; }
.hk-pf .hkq-success-mark { margin:0 0 12px; background:rgba(233,216,180,.12); color:var(--pf-pine); }
.hk-pf .hkq-success h3 { font-family:var(--pf-head); font-weight:400; font-size:38px; text-transform:none; color:var(--pf-pine); }
.hk-pf .hkq-success p { margin-left:0; color:#cfd5dc; }
.hk-pf .hkq-success-actions { justify-content:flex-start; }
.hk-pf .hkq-success-actions a { background:var(--pf-orange-d); color:#fff; border-radius:5px; font-weight:700; }
.hk-pf .hkq-success-actions button { border-color:rgba(233,216,180,.45); color:var(--pf-pine); border-radius:5px; font-weight:700; }

/* ---------- Related links + footer ---------- */
.hk-pf main h2[style] { font-family:var(--pf-head) !important; font-weight:400; font-size:40px !important; letter-spacing:.5px !important; text-transform:none !important; border-top-color:var(--pf-line) !important; }
.hk-pf .related-card { background:var(--pf-panel); border:1px solid var(--pf-line); border-top:3px solid var(--pf-pine); border-radius:0 0 5px 5px; }
.hk-pf .related-card:hover { border-color:var(--pf-line); border-top-color:var(--pf-orange); }
.hk-pf .related-card-cat { color:var(--pf-orange); }
.hk-pf .faq-item { border-color:var(--pf-line); }
.hk-pf .site-footer { background:var(--pf-bg); border-top:1px solid var(--pf-line); }
.hk-pf .site-footer .row a:hover { color:var(--pf-orange); }

/* ---------- Mobile sticky CTA ---------- */
@media (max-width:720px) {
  .hk-pf .mobile-sticky-cta { background:rgba(18,27,39,.97); border-top:1px solid var(--pf-line); box-shadow:0 -6px 18px rgba(0,0,0,.4); }
  .hk-pf .mobile-sticky-cta a { border-radius:5px; font-weight:700; letter-spacing:1.2px; }
  .hk-pf .mobile-sticky-cta .call { color:var(--pf-pine); border-color:rgba(233,216,180,.45); }
  .hk-pf .mobile-sticky-cta .quote { background:var(--pf-orange-d); color:#fff; }
}

/* ---------- Responsive ---------- */
@media (max-width:980px) {
  .hk-pf .hk-hero .stat-row { grid-template-columns:repeat(2,1fr); }
  .hk-pf .trust-strip { flex-wrap:wrap; }
  .hk-pf .trust-strip .item { flex:1 1 45%; border-bottom:1px solid var(--pf-line); }
}
@media (max-width:767px) {
  .hk-pf .hk-hero { grid-template-columns:1fr; grid-template-rows:none; }
  .hk-pf .hk-pf-hero-img { grid-column:1; grid-row:auto; order:-1; box-shadow:none; margin-bottom:18px; }
  .hk-pf .hk-hero h1 { font-size:46px !important; line-height:.95; }
  .hk-pf .promo-banner-inner { padding:22px 16px; }
  .hk-pf .promo-text strong { font-size:36px; }
  .hk-pf .hkm-body { padding:20px 16px 22px; }
  .hk-pf .hkq-title { font-size:38px; }
  .hk-pf .spec-block h2, .hk-pf .color-block h2 { font-size:32px; }
  .hk-pf .color-block { padding:20px 16px; }
}
@media (max-width:720px) {
  .hk-pf .hk-hero .stat-row { display:grid; padding:0; gap:1px; }
  .hk-pf .hk-hero .stat-row .num { font-size:22px; }
  .hk-pf .spec-mobile-toggle { background:var(--pf-panel); border-color:var(--pf-line); border-radius:5px; font-weight:700; }
  .hk-pf .spec-block { background:transparent; border:0; }
  .hk-pf .hk-card-body .hk-name { font-size:30px; }
  .hk-pf .hk-card-body .hk-price { font-size:34px; }
}

@keyframes hkPfRise { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:none; } }
@media (prefers-reduced-motion: reduce) {
  .hk-pf .hk-pf-hero-img, .hk-pf .hk-hero .eyebrow, .hk-pf .hk-hero h1 { animation:none; }
  .hk-pf .hk-card-public, .hk-pf .hk-img-wrap img.img-ext, .hk-pf .hk-quote-btn, .hk-pf .promo-cta, .hk-pf .hero-cta-row a { transition:none; }
  .hk-pf .hk-card-public:hover, .hk-pf .hk-quote-btn:hover, .hk-pf .promo-cta:hover, .hk-pf .hero-cta-row .cta-primary:hover { transform:none; }
  .hk-pf .hk-card-public:hover .hk-img-wrap img.img-ext { transform:none; }
}
.hk-pf .color-swatches img.sw { height:auto !important; aspect-ratio:1/1; }
.hk-pf .color-block .spec-tag { display:inline-block; font-family:var(--font-cond); font-size:11px; font-weight:700; letter-spacing:2px; text-transform:uppercase; padding:4px 10px; border-radius:3px; }
.hk-pf .hk-more { align-self:flex-start; }