/* Theme Name: Circuit Catalog
Version: 1.0.0 */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#202b26;--muted:#737c76;--green:#234e3d;--paper:#f8f9f6;--line:#e3e7df}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{outline-offset:5px}header,main,footer{max-width:1320px;margin:auto;padding:0 40px}.announcement{background:var(--green);color:#fff;text-align:center;font-size:12px;padding:11px;letter-spacing:.3px}header{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-family:Manrope,sans-serif;font-size:25px;font-weight:800;letter-spacing:-1.2px}.logo span{color:#77a18b}nav{display:flex;gap:28px;font-size:14px}.pill{padding:9px 15px;border:1px solid var(--line);border-radius:99px;font-size:12px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding:55px 0}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700;color:#5a7465}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(38px,5vw,66px);font-weight:500;line-height:1.08;letter-spacing:-3px;margin:20px 0}.hero p{max-width:400px;color:var(--muted);line-height:1.7}.cta{display:inline-flex;gap:35px;align-items:center;padding:15px 21px;border-radius:7px;background:var(--green);color:white;font-size:14px;margin-top:15px}.hero-art{background:#e9eee5;border-radius:20px;height:340px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-art img{width:75%;height:85%;object-fit:contain;mix-blend-mode:multiply;transform:rotate(-12deg)}.hero-tag{position:absolute;bottom:20px;left:22px;font-size:12px;line-height:1.8}.hero-tag strong{display:block;font-size:16px}.section-top{display:flex;justify-content:space-between;align-items:end;margin:28px 0 24px}.section-top h2{font-size:28px;letter-spacing:-1px;margin:0 0 8px}.section-top p,.count{color:var(--muted);font-size:13px;margin:0}.filters{display:flex;gap:12px;flex-wrap:wrap;padding:18px 0 25px;border-bottom:1px solid var(--line);margin-bottom:28px}.filters input{flex:1;min-width:180px}.filters input,.filters select{background:#fff;border:1px solid var(--line);padding:12px 15px;border-radius:7px;color:var(--ink)}.filters button{background:var(--ink);color:white;border:0;border-radius:7px;padding:12px 23px;cursor:pointer}.reset{align-self:center;font-size:13px;text-decoration:underline}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 20px}.card{min-width:0}.picture{height:245px;background:#eef0eb;border-radius:12px;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.picture img{width:84%;height:84%;object-fit:contain;mix-blend-mode:multiply;transition:transform .25s}.card:hover img{transform:scale(1.05)}.category{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);margin:17px 0 8px}.card h3{font-size:14px;font-weight:600;line-height:1.5;margin:0 0 9px}.card-bottom{display:flex;justify-content:space-between;align-items:center}.price{font-weight:700;font-size:15px}.detail-link{font-size:12px;color:var(--muted)}.badge{position:absolute;top:12px;left:12px;background:#fff9;border-radius:30px;padding:6px 9px;font-size:10px;z-index:1}.pagination{display:flex;justify-content:center;gap:10px;margin:45px 0}.page-numbers{border:1px solid var(--line);border-radius:6px;padding:10px 15px;font-size:13px}.page-numbers.current{background:var(--green);color:white}.story{padding:35px;background:#eaf0e7;border-radius:15px;margin:45px 0;display:flex;justify-content:space-between;gap:30px;align-items:center}.story h2{font-size:24px;margin:0 0 8px;letter-spacing:-.7px}.story p{color:#607165;font-size:14px;line-height:1.7;max-width:580px;margin:0}.story .pill{white-space:nowrap;border-color:#bfd0bf}footer{border-top:1px solid var(--line);padding-top:30px;padding-bottom:30px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer p{font-size:12px;color:var(--muted)}.breadcrumb{font-size:13px;color:var(--muted);padding:30px 0}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:15px 0 55px}.product-detail .picture{height:500px}.product-detail h1{font-size:38px;letter-spacing:-1.5px}.product-detail .description{line-height:1.8;color:#677269;margin:25px 0}.notice{padding:20px;background:#edf1e9;border-radius:10px;font-size:14px;line-height:1.7}.spec{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line);font-size:13px}.empty{padding:60px 0;text-align:center}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:20px;background:white;padding:15px;z-index:10}@media(max-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}.picture{height:210px}.hero-art{height:290px}.product-detail{gap:30px}}@media(max-width:700px){header,main,footer{padding-left:20px;padding-right:20px}header{height:78px}nav{gap:15px}nav .pill{display:none}.hero{grid-template-columns:1fr;gap:25px;padding:35px 0}h1{letter-spacing:-2px}.hero-art{height:260px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.picture{height:190px}.card h3{font-size:13px}.card-bottom{align-items:start;gap:8px}.detail-link{font-size:11px}.section-top{gap:15px}.section-top h2{font-size:25px}.filters input{flex-basis:100%}.filters select{flex:1;min-width:0;font-size:12px}.filters button{padding:12px}.story{display:block;padding:25px}.story .pill{display:inline-block;margin-top:20px}footer{display:block}.product-detail{grid-template-columns:1fr;gap:20px}.product-detail .picture{height:320px}.product-detail h1{font-size:32px}.pagination{gap:5px}.page-numbers{padding:9px 11px}}@media(max-width:380px){.picture{height:150px}.detail-link{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}