.ppi-block{--ppi-accent:#0f7b6c;--ppi-line:#e3e3e3;--ppi-soft:#8a8a8a;margin:var(--ppi-block-margin,32px)0;clear:both;font-family:inherit;font-size:15px;line-height:1.7}.ppi-block *,.ppi-block :before,.ppi-block :after{box-sizing:border-box}.ppi-block img{max-width:100%;height:auto;display:block}.ppi-block a{box-shadow:none;border:0;text-decoration:none}.ppi-block a:focus-visible,.ppi-block .ppi-btn:focus-visible{outline:2px solid var(--ppi-accent);outline-offset:2px}.ppi-head{border-inline-start:3px solid var(--ppi-accent);align-items:baseline;gap:10px;margin-bottom:12px;padding-inline-start:10px;display:flex}.ppi-head-title{font-weight:var(--ppi-head-weight,700);font-size:var(--ppi-head-size,16px);color:var(--ppi-head-color,inherit)}.ppi-head-sub{color:var(--ppi-soft);font-size:13px}.ppi-item{background:var(--ppi-card-bg,transparent);border:var(--ppi-card-border-w,1px)solid var(--ppi-card-border,var(--ppi-line));border-radius:var(--ppi-card-radius,12px);position:relative}.ppi-name{font-weight:var(--ppi-title-weight,600);font-size:var(--ppi-title-size,15px);color:var(--ppi-title-color,inherit);line-height:1.6;display:block}.ppi-name:hover{color:var(--ppi-accent)}.ppi-cat{font-size:var(--ppi-excerpt-size,12px);color:var(--ppi-excerpt-color,var(--ppi-soft));margin-bottom:2px;display:block}.ppi-excerpt{font-size:var(--ppi-excerpt-size,13px);color:var(--ppi-excerpt-color,var(--ppi-soft));margin:6px 0 0;line-height:1.8}.ppi-price{font-size:var(--ppi-price-size,15px);color:var(--ppi-price-color,var(--ppi-accent));white-space:nowrap;font-weight:700}.ppi-price del{opacity:.6;color:var(--ppi-soft);font-size:13px;font-weight:400}.ppi-price ins{text-decoration:none}.ppi-actions{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.ppi-badge{background:var(--ppi-btn-bg,var(--ppi-accent));color:#fff;border-radius:6px;padding:5px 8px;font-size:11px;line-height:1;position:absolute;inset-block-start:8px;inset-inline-start:8px}.ppi-block .ppi-btn{background:var(--ppi-btn-bg,var(--ppi-accent));color:var(--ppi-btn-color,#fff);font-size:var(--ppi-btn-size,14px);font-weight:var(--ppi-btn-weight,600);padding:var(--ppi-btn-pad-v,11px)var(--ppi-btn-pad-h,18px);border-radius:var(--ppi-btn-radius,8px);cursor:pointer;line-height:1;transition:filter .15s,background-color .15s;display:inline-block}.ppi-block .ppi-btn:hover{background:var(--ppi-btn-hover,var(--ppi-btn-bg,var(--ppi-accent)));filter:brightness(.92);color:var(--ppi-btn-color,#fff)}.ppi-block .ppi-btn-soft{color:var(--ppi-accent);border:1px solid var(--ppi-accent);background:#fff0}.ppi-block .ppi-btn-soft:hover{color:var(--ppi-accent)}.ppi-block .ppi-btn.loading{opacity:.6}.ppi-block .ppi-view{color:var(--ppi-soft);border-bottom:1px dashed var(--ppi-line);font-size:13px}.ppi-block .ppi-view:hover{color:var(--ppi-accent)}.ppi-block .added_to_cart{color:var(--ppi-accent);margin-inline-start:8px;font-size:13px;display:inline-block}.ppi-layout-inline{--ppi-img-w:56px}.ppi-layout-inline .ppi-items{gap:var(--ppi-gap,10px);flex-direction:column;display:flex}.ppi-layout-inline .ppi-item{padding:calc(var(--ppi-card-pad,14px)*.7)var(--ppi-card-pad,14px);border-inline-start:3px solid var(--ppi-accent);align-items:center;gap:14px;display:flex}.ppi-layout-inline .ppi-thumb{flex:none}.ppi-layout-inline .ppi-thumb img{width:var(--ppi-img-w,56px);height:var(--ppi-img-w,56px);object-fit:var(--ppi-img-fit,contain);border-radius:var(--ppi-img-radius,6px)}.ppi-layout-inline .ppi-badge{display:none}.ppi-layout-inline .ppi-info{flex-wrap:wrap;flex:auto;align-items:center;gap:14px;min-width:0;display:flex}.ppi-layout-inline .ppi-bottom{align-items:center;gap:14px;margin-inline-start:auto;display:flex}.ppi-layout-inline .ppi-excerpt{flex:180px;margin:0}.ppi-layout-single{--ppi-img-w:170px}.ppi-layout-single .ppi-item{padding:var(--ppi-card-pad,16px);gap:18px;display:flex}.ppi-layout-single .ppi-thumb{flex:0 0 var(--ppi-img-w,170px);max-width:var(--ppi-img-w,170px)}.ppi-layout-single .ppi-thumb img{width:100%;aspect-ratio:var(--ppi-img-ratio,1/1);object-fit:var(--ppi-img-fit,contain);border-radius:var(--ppi-img-radius,10px)}.ppi-layout-single .ppi-info{flex-direction:column;justify-content:center;gap:6px;min-width:0;display:flex}.ppi-layout-single .ppi-name{font-size:var(--ppi-title-size,17px)}.ppi-layout-single .ppi-bottom{flex-wrap:wrap;align-items:center;gap:16px;margin-top:10px;display:flex}.ppi-layout-row .ppi-items{grid-template-columns:repeat(var(--ppi-cols,3),minmax(0,1fr));gap:var(--ppi-gap,14px);display:grid}.ppi-layout-row .ppi-item{flex-direction:column;display:flex;overflow:hidden}.ppi-layout-row .ppi-thumb{padding:10px;display:block}.ppi-layout-row .ppi-thumb img{width:100%;aspect-ratio:var(--ppi-img-ratio,1/1);object-fit:var(--ppi-img-fit,contain);border-radius:var(--ppi-img-radius,6px)}.ppi-layout-row .ppi-info{padding:0 var(--ppi-card-pad,14px)var(--ppi-card-pad,14px);flex-direction:column;flex:auto;gap:4px;display:flex}.ppi-layout-row .ppi-bottom{flex-direction:column;align-items:flex-start;gap:10px;margin-top:auto;padding-top:10px;display:flex}.ppi-layout-row .ppi-btn{text-align:center;width:100%}.ppi-no-image .ppi-thumb{display:none}@media (width<=991px){.ppi-layout-row .ppi-items{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.ppi-layout-row.ppi-mob-1 .ppi-items{grid-template-columns:1fr}.ppi-layout-row.ppi-mob-1 .ppi-item{flex-direction:row;align-items:center}.ppi-layout-row.ppi-mob-1 .ppi-thumb{flex:0 0 110px}.ppi-layout-single .ppi-item{flex-direction:column}.ppi-layout-single .ppi-thumb{flex:none;max-width:140px}.ppi-layout-inline .ppi-item{flex-wrap:wrap}.ppi-layout-inline .ppi-bottom{justify-content:space-between;width:100%;margin-inline-start:0}.ppi-layout-inline .ppi-btn{text-align:center;flex:auto}}.ppi-lazy{justify-content:center;align-items:center;margin:32px 0;display:flex}.ppi-lazy-spin{border:2px solid #0000001f;border-top-color:#0006;border-radius:50%;width:26px;height:26px;animation:.8s linear infinite ppi-spin}@keyframes ppi-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ppi-lazy-spin{animation-duration:3s}.ppi-block .ppi-btn{transition:none}}.ppi-thumb{display:block;position:relative}.ppi-badges{pointer-events:none;z-index:2;flex-direction:column;align-items:flex-start;gap:4px;display:flex;position:absolute;inset-block-start:8px;inset-inline-start:8px}.ppi-block .ppi-badge{color:#fff;background:var(--ppi-btn-bg,var(--ppi-accent));white-space:nowrap;border-radius:6px;padding:5px 8px;font-size:11px;line-height:1;display:inline-block;position:static}.ppi-badge-best{background:#b8860b}.ppi-badge-new{background:#2b6cb0}.ppi-badge-low{background:#b32d2e}.ppi-layout-inline .ppi-badges{display:none}.ppi-rating{color:var(--ppi-excerpt-color,var(--ppi-soft));align-items:center;gap:5px;margin:2px 0;font-size:12px;display:inline-flex}.ppi-stars{color:#d8d8d8;white-space:nowrap;direction:ltr;font-size:13px;line-height:1;display:inline-block;position:relative}.ppi-stars:before{content:"★★★★★";letter-spacing:1px}.ppi-stars-on{color:#f0a500;height:100%;position:absolute;inset-block-start:0;inset-inline-start:0;overflow:hidden}.ppi-stars-on:before{content:"★★★★★";letter-spacing:1px}.ppi-rating-num{color:inherit;font-weight:600}.ppi-reviews{opacity:.8}.ppi-layout-sticky{z-index:9990;background:#fff;margin:0;padding:8px 10px;transition:transform .25s;position:fixed;inset-block-end:var(--ppi-sticky-offset,0);inset-inline:0;transform:translateY(120%);box-shadow:0 -4px 18px #00000024}.ppi-layout-sticky.is-visible{transform:translateY(0)}.ppi-layout-sticky .ppi-head{display:none}.ppi-layout-sticky .ppi-item{padding:0;background:#fff0;border:0;align-items:center;gap:10px;padding-inline-end:22px;display:flex}.ppi-layout-sticky .ppi-thumb img{width:var(--ppi-img-w,46px);height:var(--ppi-img-w,46px);object-fit:var(--ppi-img-fit,contain);border-radius:var(--ppi-img-radius,6px)}.ppi-layout-sticky .ppi-info{flex:auto;align-items:center;gap:10px;min-width:0;display:flex}.ppi-layout-sticky .ppi-name{font-size:var(--ppi-title-size,13px);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.ppi-layout-sticky .ppi-excerpt,.ppi-layout-sticky .ppi-cat,.ppi-layout-sticky .ppi-view,.ppi-layout-sticky .ppi-badges,.ppi-layout-sticky .ppi-rating{display:none}.ppi-layout-sticky .ppi-bottom{flex:none;align-items:center;gap:10px;margin-inline-start:auto;display:flex}.ppi-sticky-close{width:22px;height:22px;color:var(--ppi-excerpt-color,var(--ppi-soft));cursor:pointer;background:#fff0;border:0;padding:0;font-size:17px;line-height:1;position:absolute;inset-block-start:4px;inset-inline-end:6px}@media (width>=768px){.ppi-layout-sticky{display:none}}@media (width<=420px){.ppi-layout-sticky .ppi-price{display:none}}.ppi-layout-row.ppi-slider{position:relative}.ppi-layout-row.ppi-slider .ppi-items{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;grid-template-columns:none;padding-bottom:4px;scroll-padding-inline-start:2px;display:flex;overflow-x:auto}.ppi-layout-row.ppi-slider .ppi-items::-webkit-scrollbar{display:none}.ppi-layout-row.ppi-slider .ppi-item{flex:0 0 calc((100% - (var(--ppi-gap,14px)*(var(--ppi-cols,3) - 1)))/var(--ppi-cols,3));scroll-snap-align:start}.ppi-nav{justify-content:flex-start;gap:6px;margin-top:10px;display:flex}.ppi-nav-btn{border:1px solid var(--ppi-card-border,var(--ppi-line));background:var(--ppi-card-bg,transparent);width:30px;height:30px;color:inherit;cursor:pointer;border-radius:50%;padding:0;font-size:17px;line-height:1}.ppi-nav-btn:disabled{opacity:.35;cursor:default}@media (width<=767px){.ppi-layout-row.ppi-slider .ppi-item{flex:0 0 calc((100% - var(--ppi-gap,14px))/2)}.ppi-layout-row.ppi-slider.ppi-mob-1 .ppi-item{flex:0 0 82%}}@media (prefers-reduced-motion:reduce){.ppi-layout-sticky{transition:none}}