
:root{
    --navy:#10283f;
    --blue:#126df9;
    --blue-dark:#0c4cad;
    --cream:#f5f1ea;
    --sand:#e8dfd2;
    --ink:#20252b;
    --muted:#68717a;
    --line:#d9dfe4;
    --white:#fff;
}

body{color:var(--ink);background:#fff}
.page-hero{
    padding:90px 0;
    color:#fff;
    background:
        linear-gradient(90deg,rgba(16,40,63,.96),rgba(16,40,63,.72)),
        url("../img/workshop.png") center/cover no-repeat;
}
.page-hero h1{
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(3rem,6vw,6rem);
    line-height:.95;
    letter-spacing:-.05em;
}
.page-hero p{max-width:680px;color:rgba(255,255,255,.78);font-size:1.1rem;line-height:1.8}
.content-section{padding:90px 0}
.content-section.bg-cream{background:var(--cream)}
.content-card{height:100%;padding:2rem;border:1px solid var(--line);background:#fff}
.content-card i{font-size:2rem;color:var(--blue)}
.content-card h2,.content-card h3{color:var(--navy)}
.breadcrumb-wrap{background:var(--cream);border-bottom:1px solid #e2ddd4}
.breadcrumb{margin:0;padding:1rem 0}
.breadcrumb a{color:var(--blue)}
.shop-toolbar{padding:28px 0;background:var(--cream);border-bottom:1px solid #e2ddd4}
.filter-button{border:1px solid var(--line);background:#fff;color:var(--navy);padding:.7rem 1rem;font-weight:700}
.filter-button.active,.filter-button:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.shop-grid-section{padding:80px 0 100px}
.product-column[hidden]{display:none!important}
.product-actions{display:flex;gap:.6rem;margin-top:1rem}
.view-button{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1rem;border:1px solid var(--line);background:#fff;color:var(--navy);font-weight:800}
.view-button:hover{border-color:var(--navy);background:var(--navy);color:#fff}
.product-actions .add-button{flex:1}
.no-results{display:none;padding:3rem;text-align:center;border:1px solid var(--line);background:#fff}
.no-results.show{display:block}
.product-detail-image{min-height:520px;background:#eef1f3}
.product-detail-image img{width:100%;height:100%;min-height:520px;object-fit:cover}
.product-detail-copy{padding:clamp(2rem,5vw,4rem)}
.product-detail-copy h1{font-family:Georgia,"Times New Roman",serif;color:var(--navy);font-size:clamp(2.7rem,5vw,5rem);letter-spacing:-.04em}
.detail-list{padding:0;list-style:none}
.detail-list li{padding:.75rem 0;border-bottom:1px solid var(--line)}
.detail-list i{color:var(--blue);margin-right:.5rem}
.cart-page-item{display:grid;grid-template-columns:120px 1fr auto;gap:1.25rem;padding:1.25rem 0;border-bottom:1px solid var(--line)}
.cart-page-item img{width:120px;height:120px;object-fit:cover}
.order-summary{padding:2rem;background:var(--cream);position:sticky;top:110px}
.checkout-form .form-control,.checkout-form .form-select{border-radius:0;min-height:52px}
.notice-box{padding:1rem 1.25rem;background:#fff8db;border-left:4px solid #d9a600}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item button{width:100%;padding:1.2rem 0;background:none;border:0;text-align:left;font-weight:800;color:var(--navy)}
.contact-panel{padding:clamp(2rem,5vw,4rem);background:var(--navy);color:#fff}
.contact-panel a{color:#fff}
.gallery-card{overflow:hidden;background:#eee}
.gallery-card img{width:100%;height:320px;object-fit:cover;transition:transform .35s ease}
.gallery-card:hover img{transform:scale(1.04)}
.legal-copy h2{margin-top:2rem;color:var(--navy)}
.legal-copy p,.legal-copy li{color:var(--muted);line-height:1.8}
.active-page{color:var(--blue)!important}
@media(max-width:767.98px){
    .page-hero{padding:70px 0}
    .cart-page-item{grid-template-columns:85px 1fr}
    .cart-page-item img{width:85px;height:85px}
    .cart-page-item .item-total{grid-column:2}
}
