.fpk-frontpage { --fpk-gap: 24px; --fpk-radius: 14px; --fpk-shadow: 0 6px 24px rgba(0,0,0,.08); --fpk-primary:#111827; --fpk-accent:#2563eb; }
.fpk-container { width: min(1200px, 92%); margin: 0 auto; }
.fpk-grid { display:grid; grid-template-columns: repeat(var(--fpk-cols-desktop, 3), 1fr); gap: var(--fpk-gap); }
.fpk-blog { display:grid; grid-template-columns: 1fr; gap: var(--fpk-gap); }
.fpk-card { background:#fff; border-radius: var(--fpk-radius); overflow: hidden; box-shadow: var(--fpk-shadow); display:flex; flex-direction: column; }
.fpk-blog .fpk-card { flex-direction: row; }
.fpk-thumb { position: relative; display:block; overflow: hidden; }
.fpk-thumb .fpk-thumb-ratio { display:block; width:100%; }
.fpk-card-img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition: transform .35s ease; }
.fpk-card:hover .fpk-card-img { transform: scale(1.035); }
.fpk-card-body { padding: 16px 18px 18px; }
.fpk-card-title { margin: 0 0 8px; font-size: 1.15rem; line-height: 1.35; }
.fpk-card-title a { text-decoration: none; color: inherit; }
.fpk-card-meta { color:#6b7280; font-size: .85rem; margin-bottom: 8px; }
.fpk-card-excerpt { margin: 0 0 12px; color:#374151; font-size:.95rem; line-height:1.55; }
.fpk-readmore { display:inline-block; text-decoration:none; font-weight:600; color: var(--fpk-accent); }
.fpk-layout-blog .fpk-card { align-items: stretch; }
.fpk-layout-blog .fpk-thumb { width: 40%; min-width: 260px; }
.fpk-layout-blog .fpk-card-body { flex: 1; }
/* Hero */
.fpk-hero { position: relative; color:#fff; margin-bottom: 40px; display:flex; align-items:center; justify-content:center; padding:0 20px; box-sizing:border-box; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.fpk-hero--full{ min-height: calc(100vh - var(--fpk-header-offset, 0px) - var(--fpk-adminbar-offset, 0px)); }
.fpk-hero--half{ min-height: calc(50vh - var(--fpk-header-offset, 0px) - var(--fpk-adminbar-offset, 0px)); }
.fpk-hero--custom-vh{ min-height: calc(var(--fpk-hero-custom, 70vh) - var(--fpk-header-offset, 0px) - var(--fpk-adminbar-offset, 0px)); }
.fpk-hero-overlay { position:absolute; inset:0; background:#000; pointer-events:none; z-index:0; }
.fpk-hero .fpk-container { position:relative; z-index:1; width:100%; display:flex; justify-content:center; }
.fpk-hero-inner { max-width: 820px; width:100%; display:flex; flex-direction:column; align-items:center; text-align:center; gap:14px; }
.fpk-hero-title { font-size: clamp(2rem, 6vw, 3.5rem); margin:0; }
.fpk-hero-subtitle { font-size: clamp(1rem, 2.2vw, 1.25rem); opacity:.95; margin:0; }
.fpk-hero-search{ width:100%; max-width:520px; margin-top:20px; display:flex; justify-content:center; }
.fpk-hero-search .fpk-search-form{ display:inline-flex; width:100%; max-width:520px; background:#fff; border-radius:999px; overflow:hidden; box-shadow: var(--fpk-shadow); }
.fpk-hero-search .fpk-search-field{ flex:1; padding:12px 14px; border:none; outline:none; font-size:1rem; }
.fpk-hero-search .fpk-search-submit{ padding:12px 18px; border:none; background:var(--fpk-accent); color:#fff; font-weight:600; cursor:pointer; }
.fpk-btn { display:inline-block; padding:12px 18px; border-radius: 999px; text-decoration:none; font-weight:600; }
.fpk-btn-primary { background: var(--fpk-accent); color:#fff; }
/* Products */
.fpk-products .fpk-product-card .fpk-card-body { text-align:center; }
.fpk-price { margin-top: 6px; font-weight: 700; }
.fpk-muted { color:#6b7280; }
/* Ad */
.fpk-ad { padding: 10px 0; }
.fpk-ad-img { display:block; width:100%; height:auto; border-radius: var(--fpk-radius); box-shadow: var(--fpk-shadow); }
.fpk-ad-html { overflow:hidden; border-radius: var(--fpk-radius); box-shadow: var(--fpk-shadow); }
/* CTA */
.fpk-cta { background: #f3f4f6; padding: 48px 0; text-align:center; }
.fpk-cta-inner { max-width: 720px; margin: 0 auto; }
.fpk-cta-title { font-size: 1.75rem; margin:0 0 8px; color: var(--fpk-primary); }
.fpk-cta-text { color:#374151; margin:0 0 16px; }
/* Topics Carousel */
.fpk-featured, .fpk-topics { margin: 24px 0; }
.fpk-carousel { position: relative; }
.fpk-slide { position:absolute; inset:0; opacity:0; pointer-events:none; transition: opacity .45s ease; }
.fpk-slide.is-active { opacity:1; position:relative; pointer-events:auto; }
.fpk-slide-title { margin: 10px 0 0; font-size: 1.125rem; }
.fpk-carousel-nav { position:absolute; top:50%; transform: translateY(-50%); border:none; background:rgba(0,0,0,.4); color:#fff; width:38px; height:38px; border-radius:50%; cursor:pointer; }
.fpk-carousel-nav.prev { left: 8px; }
.fpk-carousel-nav.next { right: 8px; }
.fpk-topics .fpk-topic-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#e5e7eb,#d1d5db);}
/* admin bar offsets */
:root { --fpk-header-offset: 0px; --fpk-adminbar-offset: 0px; }
body.admin-bar { --fpk-adminbar-offset: 32px; }
@media (max-width: 782px){ body.admin-bar { --fpk-adminbar-offset: 46px; } }
/* responsive */
@media (max-width: 1024px){ .fpk-grid { grid-template-columns: repeat(var(--fpk-cols-tablet, 2), 1fr); } }
@media (max-width: 640px){ .fpk-grid { grid-template-columns: repeat(var(--fpk-cols-mobile, 1), 1fr); } .fpk-layout-blog .fpk-thumb { width:100%; min-width: 0; } .fpk-layout-blog .fpk-card { flex-direction: column; } }