/* HF Simple Shop v1.6.5 — removes 'first paragraph' extraction; H2 titles; no-JS sorting */
body, .hf-card, .hf-title, .hf-subtitle, .hf-product-title, .hf-section-title, .hf-content, .hf-related {
    font-family: Roboto, Helvetica, sans-serif;
}
.hf-product-layout { display:grid; grid-template-columns:1fr 1fr; gap:2rem; align-items:start; margin-bottom:2rem; }
@media (max-width:960px){ .hf-product-layout{ grid-template-columns:1fr; }}
.hf-media img { width:100%; height:auto; border-radius:12px; display:block; }
.hf-product-title { margin: 0 0 .25rem 0; }
.hf-subtitle { margin: 0 0 1rem 0; font-size:1.05rem; line-height:1.6; }
.hf-excerpt { margin: 0 0 1rem 0; opacity:.95; }
.hf-cta .button { padding:.75rem 1.25rem; font-size:1rem; }

/* Tabs */
.hf-tabs { margin-top: 1.5rem; }
.hf-tabs > input[type="radio"] { position:absolute; opacity:0; pointer-events:none; }
.hf-tabs > label {
    display:inline-block; cursor:pointer; padding:.6rem 1rem; border:1px solid #e5e7eb;
    border-bottom:none; border-radius:10px 10px 0 0; background:#f9fafb; margin-right:.25rem; font-weight:600;
}
.hf-tab-panels { border:1px solid #e5e7eb; border-radius:0 10px 10px 10px; background:#fff; }
.hf-panel { display:none; padding:1rem; }

/* Archive header & sorting */
.hf-archive-header { display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; margin-bottom:1rem; }
.hf-archive-title { margin:0; }
.hf-archive-toolbar { display:flex; gap:1rem; align-items:center; flex-wrap:wrap; }
.hf-sort label { margin-right:.5rem; }
.hf-sort select { padding:.35rem .5rem; }
.hf-count { opacity:.8; }

/* Grid + cards */
.hf-grid { display:grid; gap:1.25rem; }
.hf-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media (max-width:960px){ .hf-cols-3{ grid-template-columns:repeat(2,1fr);} }
@media (max-width:640px){ .hf-cols-3{ grid-template-columns:1fr; } }
.hf-card { border:1px solid rgba(0,0,0,.08); padding:1rem; border-radius:12px; background:#fff; display:flex; flex-direction:column; }
.hf-card .hf-thumb img { width:100%; height:auto; display:block; border-radius:8px; }
.hf-title { font-size:1.05rem; margin:.75rem 0 .25rem; }
.hf-details.button { margin-top:auto; }
.hf-related { margin-top:3rem; }

/* Neutral breadcrumbs/title color */
.hf-breadcrumbs, .hf-archive-title, .hf-product-title { color: inherit; }

/* Brand buttons */
.button, .button-primary {
    background:#ff0080; color:#fff; text-decoration:none; padding:.5rem .9rem;
    border-radius:8px; display:inline-block; transition:background-color .2s ease;
}
.button:hover, .button-primary:hover, .button:focus, .button-primary:focus { background:#000000; color:#fff; }