.cpd-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.cpd-grid *,.cpd-grid *::before,.cpd-grid *::after{box-sizing:border-box}.cpd-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #e3e3e1;border-radius:10px;overflow:hidden;transition:box-shadow .18s ease,transform .18s ease}.cpd-card:hover{box-shadow:0 8px 22px rgb(10 5 0 / .10);transform:translateY(-2px)}.cpd-media{position:relative;aspect-ratio:1 / 1;background:#f4f4f2;overflow:hidden}.cpd-img{width:100%;height:100%;object-fit:cover;display:block}.cpd-img-hover{position:absolute;inset:0;opacity:0;transition:opacity .55s ease}.cpd-card.has-hover:hover .cpd-img-hover,.cpd-card.has-hover.is-flipped .cpd-img-hover{opacity:1}.cpd-body{display:flex;flex-direction:column;gap:8px;padding:12px;flex:1}.cpd-title{margin:0;font-size:14px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}.cpd-title .cpd-link{color:#0a0500;text-decoration:none}.cpd-title .cpd-link::after{content:"";position:absolute;inset:0;z-index:1}.cpd-title .cpd-link:focus-visible{outline:3px solid #57cbd0;outline-offset:2px}.cpd-price{font-size:16px;font-weight:600;color:#0a0500;line-height:1.3}.cpd-price del{font-weight:400;color:#8a8783;font-size:13px;margin-right:4px}.cpd-price ins{text-decoration:none}.cpd-actions{margin-top:auto;position:relative;z-index:2}.cpd-actions .button,.cpd-actions .added_to_cart{display:block;width:100%;text-align:center;background:#fecc5f;color:#0a0500;font-weight:600;font-size:13.5px;line-height:1.2;text-decoration:none;border:0;border-radius:7px;padding:12px 14px;cursor:pointer;transition:filter .18s ease}.cpd-actions .button:hover{filter:brightness(.94);color:#0a0500}.cpd-actions .button:focus-visible{outline:3px solid #57cbd0;outline-offset:2px}.cpd-actions .button.loading{color:transparent!important;pointer-events:none;position:relative}.cpd-actions .button.loading::after{content:""!important;position:absolute;top:50%;left:50%;width:17px;height:17px;margin:-9px 0 0 -9px;border:2px solid rgb(10 5 0 / .28);border-top-color:#0a0500;border-radius:50%;animation:cpd-spin .6s linear infinite;font-size:0;opacity:1;background:none}@keyframes cpd-spin{to{transform:rotate(360deg)}}.cpd-actions .added_to_cart{background:#0a0500;color:#fff;margin-top:6px}.cpd-row-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:20px}.cpd-row-actions,.cpd-row-actions *,.cpd-row-actions *::before,.cpd-row-actions *::after{box-sizing:border-box}.cpd-shuffle{display:inline-flex;align-items:center;gap:8px;background:#fff0;border:0;color:#504e4a;font-family:inherit;font-size:13.5px;font-weight:600;padding:11px 16px;border-radius:999px;cursor:pointer;transition:background-color .18s ease,color .18s ease}.cpd-shuffle:hover{background:#f4f4f2;color:#0a0500}.cpd-shuffle:focus-visible{outline:3px solid #57cbd0;outline-offset:2px}.cpd-shuffle[disabled]{cursor:default;opacity:.75}.cpd-shuffle-icon{width:16px;height:16px;flex:none;display:block;transform-origin:50% 50%;transition:transform .35s ease;overflow:visible}.cpd-shuffle:hover .cpd-shuffle-icon{transform:rotate(180deg)}.cpd-shuffle.is-loading .cpd-shuffle-icon{animation:cpd-spin .7s linear infinite;transition:none}.cpd-grid.is-swapping{opacity:.45;transition:opacity .15s ease;pointer-events:none}.cpd-live.screen-reader-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.cpd-view-more-button{display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:10px;background:#fff0;color:#0a0500;border:2px solid #0a0500;font-weight:600;text-decoration:none;border-radius:999px;padding:11px 26px;font-size:14px;transition:background-color .18s ease,color .18s ease}.cpd-view-more-button:hover,.cpd-view-more-button:focus-visible{background:#0a0500;color:#fff}.cpd-view-more-button:focus-visible{outline:3px solid #57cbd0;outline-offset:2px}.cpd-vm-arrow{font-size:12px;line-height:1;transform:translateX(0);transition:transform .18s ease}.cpd-view-more-button:hover .cpd-vm-arrow{transform:translateX(3px)}.cpd-empty{color:#504e4a;font-size:14px}.cpd-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,16px);background:#0a0500;color:#fff;font-size:14px;line-height:1.4;padding:12px 20px;border-radius:8px;box-shadow:0 8px 24px rgb(10 5 0 / .25);max-width:calc(100vw - 32px);text-align:center;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:99999}.cpd-toast.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0)}@media (prefers-reduced-motion:reduce){.cpd-toast{transition:opacity .2s ease,visibility .2s;transform:translate(-50%,0)}}@media (max-width:1100px){.cpd-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:860px){.cpd-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:600px){.cpd-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cpd-body{padding:10px;gap:6px}.cpd-title{font-size:13px}.cpd-price{font-size:15px}.cpd-actions .button{font-size:13px;padding:12px 8px}.cpd-view-more-button{display:flex;width:100%}.cpd-row-actions{gap:8px}.cpd-grid.cpd-scroll{display:flex;grid-template-columns:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;gap:12px;padding-bottom:10px;scrollbar-width:none}.cpd-grid.cpd-scroll::-webkit-scrollbar{display:none}.cpd-grid.cpd-scroll .cpd-card{flex:0 0 42%;min-width:145px;scroll-snap-align:start}.cpd-grid.cpd-scroll:focus-visible{outline:3px solid #57cbd0;outline-offset:4px;border-radius:10px}}@media (hover:none){.cpd-card:hover{transform:none;box-shadow:none}}@media (prefers-reduced-motion:reduce){.cpd-card.has-hover.is-flipped .cpd-img-hover{opacity:0}}@media (prefers-reduced-motion:reduce){.cpd-card,.cpd-img-hover,.cpd-view-more-button,.cpd-vm-arrow,.cpd-shuffle,.cpd-shuffle-icon,.cpd-actions .button{transition:none}.cpd-card:hover{transform:none}.cpd-view-more-button:hover .cpd-vm-arrow{transform:none}.cpd-shuffle:hover .cpd-shuffle-icon{transform:none}.cpd-actions .button.loading::after,.cpd-shuffle.is-loading .cpd-shuffle-icon{animation-duration:1.6s}}