.ps-wrap{max-width:var(--ps-max-width, 1440px);margin-inline:auto;padding:0 var(--ps-wrap-pad, 20px) var(--ps-wrap-bot, 28px)}product-showcase.ps{display:block;background:var(--ps-bg, var(--color-background, #fff9e6));border-radius:var(--ps-radius, 24px);padding:var(--ps-padding, 36px);overflow:hidden}.ps__header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.ps__heading{font-family:var(--font-heading--family, sans-serif);font-size:var(--ps-heading-size, 48px);font-weight:800;line-height:1;color:var(--ps-heading-color, var(--color-foreground-heading, #111));margin:0;text-transform:uppercase;letter-spacing:-.02em}.ps__view-all{display:inline-flex;align-items:center;gap:8px;font-size:var(--ps-view-all-size, 16px);font-weight:600;color:var(--ps-heading-color, var(--color-foreground-heading, #111));text-decoration:none;white-space:nowrap;flex-shrink:0}.ps__view-all-circle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:2px solid currentColor;flex-shrink:0}.ps__viewport{overflow:hidden;margin:0 calc(var(--ps-padding, 36px) * -1);padding:0 var(--ps-padding, 36px)}.ps__track{display:flex;gap:var(--ps-gap, 16px);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.ps__track::-webkit-scrollbar{display:none}.ps__card{flex:0 0 calc((100% - (var(--ps-cols, 4) - 1) * var(--ps-gap, 16px)) / var(--ps-cols, 4));min-width:0;scroll-snap-align:start;border:var(--ps-card-border-w, 2px) solid var(--ps-card-border, #2a1a0e);border-radius:var(--ps-card-radius, 20px);overflow:hidden;display:flex;flex-direction:column;background:#fff}.ps__card-image{position:relative;background:var(--ps-card-img-bg, #a8d8f0);aspect-ratio:var(--ps-img-ratio, 1 / 1);overflow:hidden;display:flex;align-items:center;justify-content:center}.ps__card-img{width:100%;height:100%;object-fit:cover;display:block}.ps__card-img-placeholder{width:100%;height:100%}.ps__badge,.ps__badge-new{position:absolute;top:12px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:40px;line-height:1;pointer-events:none}.ps__badge{left:12px;background:#fff;color:#111;border:1.5px solid #111}.ps__badge-new{right:12px;background:#111;color:#fff}.ps__card-body{padding:16px;display:flex;flex-direction:column;gap:10px;flex:1}.ps__card-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.ps__card-names{display:flex;flex-direction:column;gap:2px}.ps__card-type{font-family:var(--font-heading--family, sans-serif);font-size:13px;font-weight:800;letter-spacing:.05em;color:#111;margin:0}.ps__card-flavor{font-size:13px;font-weight:500;color:var(--ps-card-flavor-color, #5bbfd6);margin:0}.ps__card-size{font-size:11px;font-weight:600;color:#666;white-space:nowrap;flex-shrink:0;letter-spacing:.03em}.ps__btn{display:block;width:100%;text-align:center;padding:var(--ps-btn-padding-v, 12px) 16px;border-radius:var(--ps-btn-radius, 40px);font-size:var(--ps-btn-size, 14px);font-weight:700;letter-spacing:.03em;cursor:pointer;text-decoration:none;border:none;transition:opacity .18s}.ps__btn:hover{opacity:.85}.ps__btn--add{background:var(--ps-btn-bg, #2a1a0e);color:var(--ps-btn-color, #fff)}.ps__btn--sub{background:transparent;color:#111;border:2px solid #111}.ps__form{margin:0}.ps__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px}.ps__progress-track{flex:1;height:4px;background:#0000001f;border-radius:2px;overflow:hidden}.ps__progress-fill{height:100%;background:#111;border-radius:2px;width:0%;transition:width .25s ease}.ps__nav-btns{display:flex;gap:8px}.ps__nav-btn{width:40px;height:40px;border-radius:50%;border:2px solid #111;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#111;transition:background .18s,color .18s;flex-shrink:0}.ps__nav-btn:hover{background:#111;color:#fff}.ps__nav-btn:disabled{opacity:.3;pointer-events:none}@media screen and (max-width:749px){.ps-wrap{padding-inline:var(--ps-wrap-pad-mobile, var(--ps-wrap-pad, 20px))}.ps__card{flex:0 0 var(--ps-mobile-card-w, 80%)}.ps__heading{font-size:clamp(24px,6vw,var(--ps-heading-size, 48px))}product-showcase.ps{padding:24px 16px}.ps__viewport{margin:0 -16px;padding:0 16px}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/product-showcase.css.map */