/*
Theme Name: Civil Process Supplies
Version: 1.1.0
Author: Civil Process Publishing
Description: Responsive WooCommerce storefront for Civil Process Supplies.
Requires PHP: 8.1
*/
:root{--navy:#112640;--red:#b51f2a;--ink:#162538;--gray:#edf1f5}*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,sans-serif;color:var(--ink);background:#fff}a{color:var(--navy)}a:focus-visible,button:focus-visible{outline:3px solid #e7a72b;outline-offset:4px}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;z-index:10}.wrap{max-width:1200px;margin:auto;padding:0 28px}.brand{display:flex;align-items:center;gap:16px;text-decoration:none;font-size:22px;font-weight:800}.brand img{width:58px;height:58px;object-fit:contain}.top{border-bottom:1px solid #dce2e9}.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:20px;padding-bottom:20px}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{text-decoration:none;font-weight:600}.hero{background:var(--navy);color:white;padding:48px 0}.hero h1{font-size:clamp(32px,5vw,54px);line-height:1.1;max-width:750px;margin:12px 0 20px}.hero p{max-width:620px;font-size:18px}.eyebrow{font-size:14px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.button,button,input[type=submit],.woocommerce a.button,.woocommerce button.button{background:var(--red);color:white;border:0;border-radius:4px;padding:13px 22px;display:inline-block;text-decoration:none;font-size:16px;font-weight:700;cursor:pointer}.hero .button{background:white;color:var(--navy)}main.wrap{padding-top:38px;padding-bottom:60px;min-height:50vh}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.card{border:1px solid #dce2e9;border-radius:6px;overflow:hidden}.card img{width:100%;height:290px;object-fit:contain;background:var(--gray);padding:18px}.card .body{padding:24px}.card h2{font-size:23px;line-height:1.3;margin:0 0 10px}.card p{margin:0 0 18px}.section-title{font-size:30px;margin:0 0 24px}.benefits{display:flex;gap:28px;border-top:1px solid #dce2e9;padding-top:32px;margin-top:40px}.benefits>div{flex:1}footer{background:var(--navy);color:white;padding:28px 0}footer a{color:white}input,select,textarea{font:inherit;max-width:100%;padding:10px;border:1px solid #aab6c4;border-radius:3px}label{font-weight:600}.woocommerce ul.products li.product img{height:280px;object-fit:contain;background:var(--gray)}.woocommerce div.product div.images img{max-height:650px;object-fit:contain}.woocommerce .woocommerce-breadcrumb{font-size:14px}.woocommerce .quantity .qty{padding:10px}.woocommerce table.shop_table{border-collapse:collapse}table{width:100%}th,td{text-align:left;padding:12px;border-bottom:1px solid #dce2e9}.notice{background:var(--gray);padding:20px;border-left:4px solid var(--red)}@media(max-width:760px){.top .wrap{align-items:flex-start;flex-direction:column}.grid{grid-template-columns:1fr}.benefits{flex-direction:column}.wrap{padding-left:20px;padding-right:20px}nav{gap:18px}.hero{padding:30px 0}.card img{height:300px}.woocommerce ul.products li.product{width:100%!important;float:none!important;margin-right:0!important}}

/* Original homepage-inspired presentation */
:root{--navy:#252525;--ink:#222;--gray:#f4f4f4;--red:#a51e27}
.original-hero{text-align:center;background-color:#454545;background-image:linear-gradient(135deg,#292929,#696969);background-size:cover;background-position:center;padding:80px 0;min-height:520px;display:flex;align-items:center}
.original-hero .wrap{width:100%}.original-hero h1{font-weight:400;letter-spacing:.04em;max-width:1000px;margin:0 auto 22px;font-size:clamp(32px,4.6vw,62px);line-height:1.25}.original-hero .original-subtitle{font-family:Georgia,serif;border-top:1px solid #bdbdbd;max-width:800px;padding-top:18px;margin:0 auto;font-size:25px}.original-hero .attempt-line{font-size:21px;font-weight:600;margin:22px auto}.original-hero .button{background:white;color:#222}.section-title{font-size:28px;font-weight:500;letter-spacing:.035em}.card{border-radius:0}.card img{background:#f7f7f7}.card h2 a{text-decoration:none}.product-image{display:block}.product-price{margin-bottom:18px;font-size:18px}.shop-link{text-align:center;margin-top:32px}.top .brand{font-weight:600}footer{background:#252525}@media(max-width:760px){.original-hero{min-height:430px;padding:55px 0}.original-hero .original-subtitle{font-size:21px}.original-hero h1{font-size:34px}.original-hero .attempt-line{font-size:19px}}