/*
Theme Name: Lion-Heart Media Store V5
Author: Lion-Heart Media
Description: Demo storefront with 12 products and functional preview filters. No payments.
Version: 5.0.0
*/
:root{--navy:#11233f;--blue:#1267ef;--orange:#ff6800;--pink:#ff285c;--muted:#586782}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:var(--navy)}a{text-decoration:none;color:inherit}.wrap{width:min(1400px,94%);margin:auto}.topbar{background:#122439;color:white;text-align:center;font-size:10px;letter-spacing:2px;padding:10px}.header{border-bottom:1px solid #e8ebf0}.head-inner{display:flex;align-items:center;justify-content:space-between;min-height:62px;gap:25px}.brand{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:900}.brand-mark{font-size:27px;color:#e68b00}.brand small{display:block;text-align:center;color:var(--orange);font-size:10px;letter-spacing:3px}.nav{display:flex;gap:21px;font-size:12px}.nav a:hover{color:var(--blue)}.mobile-toggle{display:none}.header-right{font-size:11px;color:#667}.hero{background:linear-gradient(90deg,#f6f9ff 0%,#f6f9ff 46%,transparent 80%),url('assets/hero.jpg') right center/auto 100% no-repeat;min-height:140px;display:flex;align-items:center}.hero-inner{padding:20px 0}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--orange);font-weight:bold;margin:0 0 9px}.hero h1{font:700 clamp(26px,3vw,43px) Georgia,serif;margin:0 0 7px}.hero h1 span{color:var(--blue)}.hero p:last-child{font-size:13px;color:#46546b;margin:0}.shop-section{padding:22px 0}.shop-heading{text-align:center;margin-bottom:18px}.shop-heading h2{font:700 34px Georgia,serif;margin:0 0 8px}.shop-heading p:last-child{font-size:13px;color:var(--muted)}.catalog{display:grid;grid-template-columns:240px minmax(0,1fr);gap:23px}.sidebar{align-self:start;border:1px solid #e1e6ee;border-radius:7px;padding:17px;box-shadow:0 3px 15px #1020300a}.sidebar h3{font-size:15px;margin:0 0 18px}.sidebar h4{font-size:12px;margin:18px 0 9px}.sidebar input[type=search]{width:100%;border:1px solid #dce3ed;border-radius:4px;padding:11px;font-size:12px}.sidebar label{display:flex;align-items:center;gap:7px;font-size:12px;margin:8px 0}.sidebar input[type=radio]{accent-color:var(--orange)}.price-labels{display:flex;justify-content:space-between;color:var(--blue);font-size:12px}.sidebar input[type=range]{width:100%;accent-color:var(--blue)}#clear-filters{width:100%;background:white;border:1px solid var(--pink);border-radius:4px;color:var(--pink);padding:10px;cursor:pointer;margin-top:10px}.shop-toolbar{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);margin-bottom:12px}.shop-toolbar select{padding:8px;border:1px solid #dce3ed;border-radius:4px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.product-card{display:flex;flex-direction:column;border:1px solid #e7ebf2;border-radius:6px;overflow:hidden;box-shadow:0 2px 12px #10203009}.product-card[hidden]{display:none}.cover-frame{height:172px;background:#f3efe9;display:flex;justify-content:center}.cover-frame img{height:100%;width:100%;object-fit:contain}.card-body{padding:11px;display:flex;flex-direction:column;flex:1}.product-meta{color:var(--orange);font-size:10px;letter-spacing:1px;font-weight:800;text-transform:uppercase}.product-card h3{font-size:14px;line-height:1.2;margin:6px 0}.desc{color:var(--muted);font-size:12px;line-height:1.4;flex:1;margin:0 0 13px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:4px}.product-price{font-size:14px;font-weight:800}.view-btn{border:1px solid var(--pink);color:var(--pink);border-radius:3px;padding:8px 9px;font-size:11px;white-space:nowrap}.view-btn:hover{background:var(--pink);color:white}.categories-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:18px 0}.category-tile{min-height:105px;color:white;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center}.category-tile span{font-size:24px}.category-tile strong{font-size:14px}.category-tile small{font-size:10px}.tile-1{background:#0e4abc}.tile-2{background:#ff7200}.tile-3{background:#8700b7}.tile-4{background:#1c8a43}.tile-5{background:#087f9d}.tile-6{background:#343bd9}.benefits{border-top:1px solid #e8ebf0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:20px 0}.benefit{display:flex;gap:10px;align-items:center;font-size:12px}.benefit span{color:var(--orange);font-size:26px}.benefit small{display:block;color:var(--muted);margin-top:3px}.newsletter{background:#f0f5ff;padding:28px 0}.news-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.newsletter h2{font:700 26px Georgia,serif;margin:0 0 7px}.newsletter p{color:var(--muted);font-size:12px;margin:0}.signup-demo{display:flex}.signup-demo input{border:1px solid #dce3ed;padding:12px;min-width:230px}.signup-demo button{border:0;background:var(--orange);color:white;padding:12px;cursor:pointer}.footer{background:#122439;color:white;padding:25px 0}.foot-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer p{font-size:11px;color:#b7c4d2}.foot-links{display:flex;gap:14px;font-size:12px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:45px;max-width:1000px;margin:40px auto}.detail-image{background:#f5f1eb;padding:20px;text-align:center}.detail-image img{max-width:100%;height:420px}.detail-info h1{font:700 38px Georgia,serif}.detail-info p,.detail-info li{color:var(--muted);line-height:1.6}.detail-price{font-size:26px;font-weight:bold}.demo-button{background:var(--orange);color:white;border:0;padding:13px 20px;cursor:pointer}.notice,.crumb{font-size:12px;color:var(--muted)}.crumb{padding-top:15px}.back{display:block;margin-top:20px;color:var(--blue)}@media(max-width:1050px){.product-grid{grid-template-columns:repeat(3,1fr)}.nav{gap:10px}.categories-strip{grid-template-columns:repeat(3,1fr)}}@media(max-width:750px){.mobile-toggle{display:block;background:white;border:1px solid #ddd;padding:8px}.head-inner{flex-wrap:wrap;padding:9px 0}.nav{display:none;flex-basis:100%;flex-direction:column;align-items:flex-start;padding:10px}.nav.open{display:flex}.header-right{display:none}.hero{background:linear-gradient(90deg,#f6f9ffee,#f6f9ffbb),url('assets/hero.jpg') right center/cover}.catalog{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.categories-strip,.benefits{grid-template-columns:repeat(2,1fr)}.news-inner,.foot-inner{flex-direction:column;align-items:flex-start}.detail{grid-template-columns:1fr}}@media(max-width:420px){.product-grid{grid-template-columns:1fr}.cover-frame{height:230px}.signup-demo input{min-width:0;width:100%}}

/* Version 4 additional page layouts */
.lhm-page{padding:64px 0 90px;min-height:55vh;max-width:1100px}.lhm-page h1{font-size:clamp(34px,4vw,56px);margin:12px 0 18px;color:#132b4b}.lhm-lead{font-size:20px;line-height:1.7;max-width:760px;margin-bottom:32px;color:#566477}.lhm-panel{background:#fff;border:1px solid #e4eaf2;border-radius:16px;padding:32px;margin:20px 0;box-shadow:0 8px 30px rgba(18,42,78,.05)}.lhm-panel h2{font-size:25px;color:#15365b;margin:0 0 14px}.lhm-panel p{line-height:1.8;color:#4e5d6c}.lhm-panel a{color:#0879c9}.lhm-cta{display:inline-block;background:#f07932;color:white!important;text-decoration:none;padding:12px 20px;border-radius:9px;margin-top:10px;font-weight:700}.lhm-panel details{padding:18px 0;border-bottom:1px solid #e4eaf2}.lhm-panel summary{font-weight:700;cursor:pointer;color:#19365a}.lhm-posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px}.lhm-posts .lhm-panel{margin:0}.lhm-posts h2 a{text-decoration:none}.nav a{white-space:nowrap}@media(max-width:760px){.lhm-page{padding:35px 0 60px}.lhm-panel{padding:22px}}

/* Blog pagination */
.lhm-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin:32px auto 54px}
.lhm-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;padding:9px 14px;border:1px solid #d8e1ed;border-radius:9px;background:#fff;color:#1267b7;font-weight:600;text-decoration:none}
.lhm-pagination .page-numbers.current{background:#11233f;border-color:#11233f;color:#fff}
.lhm-pagination a.page-numbers:hover,.lhm-pagination a.page-numbers:focus-visible{border-color:#1267ef;background:#eef5ff}

/* Version 5.1: featured images for the blog and individual articles */
.lhm-posts .lhm-card-image{display:block;margin:-32px -32px 24px;overflow:hidden;border-radius:16px 16px 0 0;aspect-ratio:16/9;background:#f2f5fa}
.lhm-posts .lhm-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}
.lhm-posts .lhm-card-image:hover img{transform:scale(1.025)}
.lhm-featured-image{margin:26px 0 30px;border-radius:16px;overflow:hidden;background:#f2f5fa}
.lhm-featured-image img{display:block;width:100%;height:auto;max-height:620px;object-fit:cover}
.lhm-article-content img{max-width:100%;height:auto}
@media(max-width:760px){.lhm-posts .lhm-card-image{margin:-22px -22px 20px}}

/* Centre desktop navigation */
@media (min-width: 769px) {
    .head-inner {
        display: grid !important;
        grid-template-columns: 1fr auto 1fr;
        align-items: center;
    }

    .head-inner .nav {
        position: static !important;
        transform: none !important;
        grid-column: 2;
        justify-self: center;
    }

    .head-inner .brand {
        grid-column: 1;
        grid-row: 1;
        justify-self: start;
    }
}