.pcn{--pcn-green:#00674c;--pcn-border:#dce8e3;max-width:1240px;margin:24px auto;padding:0 20px 40px;color:#172c25;font-family:inherit;box-sizing:border-box}.pcn *{box-sizing:border-box}.pcn a{color:var(--pcn-green);text-decoration:none}.pcn-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;background:linear-gradient(120deg,#e6f7ef,#f6faf8);padding:32px;border:1px solid var(--pcn-border);border-radius:22px;margin-bottom:24px}.pcn h1{font-size:clamp(24px,3vw,36px);line-height:1.4;margin:8px 0}.pcn h2{font-size:23px;line-height:1.45;margin:4px 0 14px}.pcn h3{font-size:18px;line-height:1.4;margin:0 0 8px}.pcn p{line-height:1.7;margin:8px 0 16px}.pcn-kicker{font:700 11px/1.5 system-ui;letter-spacing:2px;color:#087052}.pcn-hero nav{display:flex;flex-wrap:wrap;gap:8px}.pcn-hero nav a{padding:10px 14px;border-radius:10px;background:white;border:1px solid var(--pcn-border);font-size:14px;font-weight:700}.pcn-panel{background:#fff;border:1px solid var(--pcn-border);border-radius:18px;padding:24px;min-width:0;margin-bottom:22px}.pcn-columns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px}.pcn-form{display:grid;gap:16px;min-width:0}.pcn label{display:grid;gap:7px;font-size:14px;font-weight:600;min-width:0}.pcn input,.pcn textarea,.pcn select{width:100%;min-width:0;max-width:100%;border:1px solid #ceded5;border-radius:9px;background:#fbfdfc;color:#172c25;padding:12px;font:inherit}.pcn input[type=file]{font-size:13px}.pcn input:focus,.pcn textarea:focus,.pcn select:focus{outline:2px solid #16996b;outline-offset:2px}.pcn button,.pcn-button{display:inline-block;background:var(--pcn-green);color:#fff!important;border:0;border-radius:10px;padding:12px 18px;cursor:pointer;font:600 14px/1.5 inherit;min-height:44px;text-align:center}.pcn button:hover{background:#004f3a}.pcn-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pcn small,.pcn-muted{font-size:13px;color:#60756b;line-height:1.6}.pcn-notice{padding:16px;background:#edf8f2;border:1px solid #c9e4d6;border-radius:10px;line-height:1.7}.pcn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.pcn-card{border:1px solid var(--pcn-border);border-radius:16px;background:white;overflow:hidden;min-width:0}.pcn-card-image{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:#edf5f0;overflow:hidden}.pcn-card-image img{width:100%;height:100%;object-fit:cover}.pcn-card>div{padding:20px}.pcn-card h2{font-size:20px;margin:10px 0}.pcn-card p{font-size:14px;color:#60756b}.pcn-card footer,.pcn-order header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.pcn-tag{display:inline-block;background:#eef5f1;color:#23674c;border-radius:6px;padding:4px 9px;font-size:12px}.pcn-price{font-size:28px;color:#00674c}.pcn-detail-image{width:100%;height:auto;max-height:500px;object-fit:contain;border-radius:12px;margin-bottom:20px}.pcn-description{overflow-wrap:anywhere;margin-top:24px}.pcn-description img{max-width:100%;height:auto}.pcn-cover-preview{width:90px;height:90px;object-fit:cover;border-radius:9px}.pcn-list-item{padding:16px 0;border-bottom:1px solid var(--pcn-border)}.pcn-order{padding:20px 0;border-bottom:1px solid var(--pcn-border)}.pcn-order .pcn-form{margin:12px 0}.pcn-secondary{background:#edf3ef!important;color:#245b45!important}.pcn-search{display:flex;gap:12px;margin:0 0 24px}.pcn-search input{flex:1}.pcn-search select{width:auto;max-width:230px}.pcn-pagination{margin-top:24px;display:flex;gap:10px}.pcn-pagination a,.pcn-pagination span{padding:8px 14px;border:1px solid var(--pcn-border);border-radius:8px}.pcn :focus-visible{outline:2px solid #00674c;outline-offset:3px}@media(max-width:900px){.pcn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pcn-hero{align-items:flex-start;flex-direction:column}.pcn-columns{grid-template-columns:1fr}}@media(max-width:540px){.pcn{width:100%;margin:12px auto;padding:0 12px 24px}.pcn-hero,.pcn-panel{padding:18px;border-radius:14px}.pcn-grid,.pcn-two{grid-template-columns:1fr}.pcn-search{flex-wrap:wrap}.pcn-search input{flex-basis:100%}.pcn-search select{flex:1;max-width:none}.pcn-hero nav a{font-size:12px;padding:9px}.pcn h2{font-size:21px}}

.pcn input[type=checkbox]{width:auto;min-width:16px;padding:0}.pcn .form-table textarea{max-width:100%}.pcn .form-table th{font-size:14px}.pcn .pcn-form>button{justify-self:start}.pcn-list-item .pcn-form{margin-top:10px}