samples-panel{--samples-gap: 1rem}samples-panel[hidden]{display:none!important}samples-panel .fixed-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;pointer-events:auto;z-index:998}samples-panel[open] .fixed-overlay{animation:fadeIn .3s ease-out forwards}samples-panel[open] .drawer__inner{animation:slideInRight .4s ease-out forwards}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:.5}}.samples-counter{color:var(--color-text-secondary, #666);font-size:.875rem}.samples-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--samples-gap);padding:1rem 0}.sample-card{cursor:pointer;border:2px solid transparent;border-radius:.5rem;overflow:hidden;transition:all .2s ease-out;position:relative;background:var(--color-background-secondary, #f9f9f9)}.sample-card:hover{border-color:var(--color-text, #000);transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.sample-card--selected{border-color:var(--color-text, #000);background:var(--color-background-accent, #f0f0f0);box-shadow:0 0 0 2px var(--color-text, #000)}.sample-card__image{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:var(--color-background, #fff)}.sample-card__image img{width:100%;height:100%;object-fit:cover;display:block}.sample-card__checkmark{position:absolute;top:.5rem;right:.5rem;width:28px;height:28px;background:var(--color-text, #000);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;animation:scaleIn .2s ease-out forwards}@keyframes scaleIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.sample-card__info{padding:.75rem}.sample-card__title{margin:0;font-size:.875rem;font-weight:600;line-height:1.3;color:var(--color-text, #000);word-break:break-word}@media(max-width:767px){.samples-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}samples-panel .drawer__content{padding:1rem}}samples-panel.drawer{position:fixed;top:0;right:0;bottom:0;width:100%;z-index:999;display:flex;flex-direction:row}samples-panel .drawer__inner{display:flex;flex-direction:column;width:100%;background:#fff;box-shadow:-2px 0 8px #0000001a;pointer-events:auto;z-index:1000}samples-panel .drawer__close-btn{pointer-events:auto}samples-panel .drawer__content{display:flex;flex-direction:column;padding:2rem 1.5rem 1.5rem}samples-panel .drawer__header{margin-bottom:1rem}samples-panel .drawer__body{flex:1;min-height:0}samples-panel .drawer__footer{padding-top:1rem;border-top:1px solid var(--color-border, #eee);margin-top:1rem}samples-panel button,samples-panel .btn{pointer-events:auto}.btn[data-add],.btn[data-refuse]{font-weight:600;border-radius:.375rem;pointer-events:auto}.btn[data-add]:disabled{opacity:.5;cursor:not-allowed}
/*# sourceMappingURL=/cdn/shop/t/48/assets/cart-samples.css.map */