@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");.card-container{display:flex;flex-wrap:wrap;gap:1.28rem;margin-left:15rem;margin-right:15rem}.custom-card{position:relative;display:flex;flex-direction:column;border-radius:var(--rounded-box,1rem)}.custom-card:focus{outline:2px solid transparent;outline-offset:2px}.custom-card figure{display:flex;align-items:center;justify-content:center}.custom-card.image-full{display:grid}.custom-card.image-full:before{position:relative;content:"";z-index:10;border-radius:var(--rounded-box,1rem);--tw-bg-opacity:1;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));opacity:.75}.custom-card.image-full:before,.custom-card.image-full>*{grid-column-start:1;grid-row-start:1}.custom-card.image-full>figure img{height:100%;-o-object-fit:cover;object-fit:cover}.custom-card.image-full>.card-body{position:relative;z-index:20;--tw-text-opacity:1;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))}.custom-card :where(figure:first-child){overflow:hidden;border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-start-radius:unset;border-end-end-radius:unset}.custom-card :where(figure:last-child){overflow:hidden;border-start-start-radius:unset;border-start-end-radius:unset;border-end-start-radius:inherit;border-end-end-radius:inherit}.custom-card:focus-visible{outline:2px solid currentColor;outline-offset:2px}.custom-card.bordered{border-width:1px;--tw-border-opacity:1;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)))}.custom-card.compact .card-body{padding:1rem;font-size:.875rem;line-height:1.25rem}.custom-card.image-full :where(figure){overflow:hidden;border-radius:inherit}.custom-card{--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity,1)));--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);width:calc(25% - 1rem);background-color:var(--base-10,#fff);box-shadow:var(--shadow-xl,0 4px 6px rgba(0,0,0,.1));border-radius:.5rem;overflow:hidden;margin:.5rem auto}.custom-card figure img{width:100%;height:auto}.custom-card-body{padding:1rem}.custom-card-title{display:flex;align-items:center;justify-content:space-between;font-size:1rem;font-weight:700;margin-bottom:.5rem}.tag{display:inline-flex;align-items:center;justify-content:center;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1);transition-duration:.2s;height:1.25rem;font-size:.875rem;line-height:1.25rem;width:-moz-fit-content;width:fit-content;padding-left:.563rem;padding-right:.563rem;border-radius:var(--rounded-badge,1.9rem);border-width:1px;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}:where(.menu li) .tag{justify-self:end}.tag{--tw-border-opacity:1;border-color:var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)))}.badge-outline.tag{--tw-text-opacity:1;color:var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity)))}.tag{position:absolute;top:.5rem;right:.5rem}.custom-card-sale-price{color:tomato;font-size:1.25rem;font-weight:700;text-decoration:line-through}.custom-card-real-price{color:tomato;font-size:1.25rem;font-weight:700;font-family:Roboto,sans-serif;width:75%}[data-theme=light] .custom-card{background-color:#fbfaf5;box-shadow:0 4px 6px rgba(0,0,0,.1)}[data-theme=light] .custom-card-sale-price{color:#0f0f0f}[data-theme=dark] .custom-card{background-color:#1f2937;box-shadow:0 4px 6px rgba(0,0,0,.5)}[data-theme=dark] .custom-card-real-price,[data-theme=dark] .custom-card-sale-price,[data-theme=dark] .custom-card-title,[data-theme=dark] .title-font{color:#fff}@media (min-width:768px) and (max-width:1024px){.custom-card{width:calc(25% - 1rem)}.custom-card-title{font-size:.8rem}.custom-card-real-price,.custom-card-sale-price{font-size:1rem;font-weight:600;font-family:sans-serif}.card-container{margin-left:3rem;margin-right:3rem}}@media (min-width:600px) and (max-width:768px){.custom-card{width:calc(40% - 1rem)}.custom-card-title{font-size:.9rem}.custom-card-real-price,.custom-card-sale-price{font-size:1rem;font-weight:600;font-family:sans-serif}.card-container{margin-left:2rem;margin-right:2rem}}@media (max-width:600px){.custom-card{width:calc(46% - 1rem);margin-left:.5rem;margin-right:.5rem}.custom-card-title{font-size:.7rem}.custom-card-real-price,.custom-card-sale-price{font-size:1rem;font-weight:600;font-family:sans-serif}.card-container{gap:1.2rem;margin-left:1.5rem;margin-right:1rem}}@media (max-width:400px){.custom-card{width:calc(45% - 1rem)}.custom-card-title{font-size:.6rem}.custom-card-real-price,.custom-card-sale-price{font-size:.9rem;font-weight:600;font-family:sans-serif;width:75%}}@media (min-width:250px) and (max-width:320px){.custom-card{width:calc(100% - 1rem)}.custom-card-title{font-size:.6rem}.custom-card-real-price,.custom-card-sale-price{font-size:.5rem;font-weight:600;font-family:sans-serif;width:75%}.tag{font-size:.5rem}}