.pp-nav{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:52px;background:#fff;border-bottom:1.5px solid var(--line);position:sticky;top:0;z-index:40}.pp-nav-brand{font-family:var(--f-head);font-size:15px;font-weight:700;color:var(--ink);text-decoration:none}.pp-nav-links{display:flex;gap:4px}.pp-nav-link{font-family:var(--f-head);font-size:13.5px;font-weight:500;color:var(--ink-soft);text-decoration:none;padding:6px 12px;border-radius:var(--r-sm);transition:background .12s,color .12s}.pp-nav-link:hover{background:var(--bg-cream);color:var(--ink)}.pp-nav-cta{background:var(--orange);color:#fff;border:none;border-radius:var(--r-sm);padding:8px 18px;font-family:var(--f-head);font-size:13.5px;font-weight:600;cursor:pointer;text-decoration:none;transition:background .12s}.pp-nav-cta:hover{background:var(--orange-deep)}.pp-type-bar{position:sticky;top:64px;z-index:199;background:rgba(255,255,255,.97);border-bottom:1.5px solid var(--line);padding:0 16px;isolation:isolate}.pp-type-bar-inner{max-width:1100px;margin:0 auto;display:flex;align-items:stretch;gap:4px;overflow-x:auto;scrollbar-width:none}.pp-type-bar-inner::-webkit-scrollbar{display:none}.pp-type-tab{display:flex;align-items:center;gap:8px;padding:0 18px;height:48px;background:transparent;cursor:pointer;font-family:var(--f-body);font-size:14.5px;font-weight:500;color:var(--ink-soft);white-space:nowrap;border:none;border-bottom:2.5px solid transparent;margin-bottom:-1.5px;transition:color .15s,border-color .15s}.pp-type-tab:hover{color:var(--ink)}.pp-type-tab.active{color:var(--orange);border-bottom-color:var(--orange);font-weight:600}.pp-type-tab-icon{font-size:18px;line-height:1}.pp-type-tab-label{letter-spacing:.01em}.pp-filter-section{background:#fff;border-bottom:1.5px solid var(--line);padding:0 16px}.pp-filter-bar{max-width:1100px;margin:0 auto;gap:10px;padding:10px 0;flex-wrap:wrap}.pp-filter-bar,.pp-search-wrap{display:flex;align-items:center}.pp-search-wrap{position:relative;flex:1;min-width:180px}.pp-search-icon{position:absolute;left:10px;font-size:14px;pointer-events:none;opacity:.5}.pp-search-input{width:100%;padding:8px 32px;border:1.5px solid var(--line);border-radius:8px;font-family:var(--f-body);font-size:14px;color:var(--ink);background:#faf9f7;outline:none;transition:border-color .15s}.pp-search-input:focus{border-color:var(--orange);background:#fff}.pp-search-input::-webkit-search-cancel-button{display:none}.pp-search-clear{position:absolute;right:8px;background:none;border:none;cursor:pointer;font-size:16px;color:var(--ink-faint);line-height:1;padding:2px 4px}.pp-cat-select,.pp-search-clear:hover{color:var(--ink)}.pp-cat-select{padding:8px 32px 8px 12px;border:1.5px solid var(--line);border-radius:8px;font-family:var(--f-body);font-size:14px;background:#faf9f7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%23888' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;cursor:pointer;outline:none;white-space:nowrap;transition:border-color .15s}.pp-cat-select:focus{border-color:var(--orange);background-color:#fff}.pp-empty-reset-btn{margin-top:16px;padding:10px 24px;background:var(--orange);color:#fff;border:none;border-radius:8px;font-family:var(--f-body);font-size:14px;font-weight:600;cursor:pointer}.pp-empty-reset-btn:hover{opacity:.88}.pp-empty-type{padding:80px 24px;text-align:center;background:#fafafa}.pp-empty-type-icon{font-size:48px;margin-bottom:16px}.pp-empty-type-title{font-family:var(--f-head);font-size:20px;font-weight:700;color:var(--ink);margin-bottom:8px}.pp-empty-type-desc{color:var(--ink-soft);font-size:15px}.pp-hero{background:#211d18;padding:56px 24px 60px;text-align:center}.pp-hero h1{font-family:var(--f-head);font-size:clamp(26px,4.5vw,42px);font-weight:700;color:#f5efdf;line-height:1.3;margin-bottom:12px}.pp-hero p{color:rgba(245,239,223,.65);font-size:clamp(14px,2vw,16px);line-height:1.7;max-width:480px;margin:0 auto}.pp-section{padding:56px 24px}.pp-inner{max-width:1100px;margin:0 auto}.pp-cat-head{margin-bottom:24px}.pp-cat-label{display:inline-block;background:var(--orange-soft);color:var(--orange-deep);font-size:12px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;padding:4px 12px;border-radius:99px;margin-bottom:10px}.pp-cat-label.gold{background:var(--gold-soft);color:#7a5a00}.pp-cat-label.dark{background:#e8e4de;color:#3a3530}.pp-cat-label.color{background:#e8f0fe;color:#1d4ed8}.pp-cat-title{font-family:var(--f-head);font-size:clamp(20px,3.5vw,26px);font-weight:700;color:var(--ink);margin-bottom:6px}.pp-cat-desc{font-size:14.5px;color:var(--ink-soft);line-height:1.6}.pp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.pp-card{background:#fff;border:1.5px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s}.pp-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.pp-card-thumb{height:130px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.pp-card-body{padding:14px 16px 16px}.pp-card-name{font-family:var(--f-head);font-size:14.5px;font-weight:700;color:var(--ink);margin-bottom:4px}.pp-card-size{font-size:12.5px;color:var(--ink-soft);margin-bottom:10px}.pp-card-price{font-family:var(--f-head);font-size:17px;font-weight:700;color:var(--orange);margin-bottom:4px}.pp-card-unit{font-size:11px;color:var(--ink-faint);margin-bottom:12px}.pp-card-btn{display:block;width:100%;padding:9px;border-radius:var(--r-sm);text-align:center;font-family:var(--f-head);font-size:13.5px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:background .12s,color .12s}.pp-card-btn.primary{background:var(--orange);color:#fff}.pp-card-btn.primary:hover{background:var(--orange-deep)}.pp-card-btn.secondary{background:var(--orange-soft);color:var(--orange-deep)}.pp-card-btn.secondary:hover{background:var(--orange);color:#fff}.pp-thumb-white{background:linear-gradient(135deg,#f9f7f3,#eeebe4)}.pp-thumb-black{background:linear-gradient(135deg,#1a1712,#2a2420)}.pp-thumb-color{background:linear-gradient(135deg,#e8f0fe,#dbeafe)}.pp-thumb-gold{background:linear-gradient(135deg,#f5edd5,#f0e0a0)}.pp-thumb-icon{font-size:40px;opacity:.6}.pp-thumb-icon.light{filter:brightness(1.8)}.pp-divider{border:none;margin:0}.pp-contact-banner,.pp-divider{border-top:1.5px solid var(--line)}.pp-contact-banner{background:var(--bg-cream);padding:40px 24px;text-align:center}.pp-contact-banner h2{font-family:var(--f-head);font-size:clamp(18px,3vw,24px);font-weight:700;color:var(--ink);margin-bottom:10px}.pp-contact-banner p{font-size:15px;color:var(--ink-soft);margin-bottom:24px}.pp-contact-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.pp-contact-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--r);font-family:var(--f-head);font-size:14.5px;font-weight:600;text-decoration:none;transition:background .12s,transform .1s}.pp-contact-btn.primary{background:var(--orange);color:#fff}.pp-contact-btn.primary:hover{background:var(--orange-deep);transform:translateY(-1px)}.pp-contact-btn.outline{background:transparent;color:var(--ink);border:1.5px solid var(--line)}.pp-contact-btn.outline:hover{background:var(--bg-cream)}.pp-footer{background:#171310;padding:24px;text-align:center;font-size:13px;color:rgba(245,239,223,.3)}.pp-footer a{color:rgba(245,239,223,.45);text-decoration:none}.pp-footer a:hover{color:rgba(245,239,223,.7)}.pp-card-actions{display:flex;align-items:center;gap:8px}.pp-card-detail-btn{flex:1}.pp-card-add-btn{width:38px;height:38px;flex-shrink:0;border:1.5px solid var(--orange);background:transparent;color:var(--orange);border-radius:var(--r-sm);font-size:22px;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;padding-bottom:2px;transition:background .12s,color .12s}.pp-card-add-btn:hover,.pp-card-incart{background:var(--orange);color:#fff}.pp-card-incart{display:inline-flex;border-radius:99px;font-size:10px;font-weight:700;padding:1px 6px;margin-left:6px;vertical-align:middle}.pp-card-incart,.pp-overlay{align-items:center;justify-content:center}.pp-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;z-index:500;padding:16px;animation:pp-fade .15s ease}@keyframes pp-fade{0%{opacity:0}to{opacity:1}}.pp-modal{background:#fff;border-radius:var(--r);max-width:420px;width:100%;position:relative;box-shadow:0 24px 60px rgba(0,0,0,.22);animation:pp-slide-up .2s cubic-bezier(.16,1,.3,1);overflow:hidden;max-height:92vh;overflow-y:auto}@keyframes pp-slide-up{0%{transform:translateY(24px);opacity:.5}to{transform:translateY(0);opacity:1}}.pp-modal-x{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:none;background:rgba(0,0,0,.1);cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;color:var(--ink);z-index:1;transition:background .15s;line-height:1;padding-bottom:1px}.pp-modal-x:hover{background:rgba(0,0,0,.18)}.pp-modal-thumb{height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden}.pp-modal-img{width:100%;height:100%;object-fit:cover;display:block}.pp-modal-body{padding:20px 22px 24px}.pp-modal-name{font-family:var(--f-head);font-size:19px;font-weight:700;color:var(--ink);margin:10px 0 4px}.pp-modal-size{font-size:13px;color:var(--ink-soft);margin-bottom:12px}.pp-modal-price{font-family:var(--f-head);font-size:22px;font-weight:700;color:var(--orange);margin-bottom:16px}.pp-modal-unit-inline{font-size:13px;font-weight:400;color:var(--ink-faint)}.pp-modal-qty-row{display:flex;align-items:center;gap:10px;margin-bottom:16px}.pp-modal-qty-label{font-size:13.5px;color:var(--ink-soft);margin-right:2px}.pp-modal-qty-unit{font-size:12px;color:var(--ink-faint)}.pp-qty-btn{width:36px;height:36px;border-radius:8px;border:1.5px solid var(--line);background:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ink);transition:background .12s,border-color .12s;flex-shrink:0}.pp-qty-btn:hover{background:var(--bg-cream);border-color:var(--orange-soft)}.pp-qty-val{font-size:17px;font-weight:700;min-width:32px;text-align:center;font-family:var(--f-head)}.pp-modal-add-btn{width:100%;padding:13px;background:var(--orange);color:#fff;border:none;border-radius:var(--r-sm);font-family:var(--f-head);font-size:15px;font-weight:600;cursor:pointer;transition:background .15s;margin-bottom:14px}.pp-modal-add-btn:hover{background:var(--orange-deep)}.pp-modal-incart{font-size:12px;font-weight:400;opacity:.85}.pp-modal-ext{padding-top:14px;border-top:1px solid var(--line)}.pp-modal-ext-label{font-size:12px;color:var(--ink-faint);margin-bottom:10px}.pp-modal-ext-links{display:flex;gap:10px}.pp-modal-ext-link{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:8px;border:1.5px solid var(--line);font-size:13.5px;font-weight:600;color:var(--ink);text-decoration:none;transition:border-color .15s,background .15s}.pp-modal-ext-link:hover{border-color:var(--orange-soft);background:var(--bg-cream)}.pp-toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#1c1c1c;color:#fff;padding:11px 22px;border-radius:99px;font-size:14px;font-family:var(--f-body);font-weight:500;z-index:600;white-space:nowrap;pointer-events:none;animation:pp-toast-in .22s ease,pp-toast-out .3s ease 1.9s forwards;box-shadow:0 4px 20px rgba(0,0,0,.25)}@keyframes pp-toast-in{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translateX(-50%)}}@keyframes pp-toast-out{to{opacity:0;transform:translate(-50%,14px)}}@media (max-width:600px){.pp-section{padding:40px 16px}.pp-hero{padding:40px 16px 48px}.pp-nav{padding:0 16px}.pp-nav-links{display:none}.pp-modal-thumb{height:160px}.pp-modal-body{padding:16px 18px 20px}}.pp-stock-badge{display:inline-block;font-size:.72rem;font-weight:700;padding:.18rem .55rem;border-radius:99px;margin-bottom:.35rem;letter-spacing:.03em}.pp-stock-badge.out{background:#fef2f2;color:#dc2626;border:1px solid #fca5a5}.pp-stock-badge.low{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}.pp-card-add-btn:disabled{opacity:.35;cursor:not-allowed}