.art-coll__grid{display:grid;grid-template-columns:repeat(var(--cols, 4),1fr);gap:clamp(16px,2vw,28px)}.art-coll__grid--centered{display:flex;flex-wrap:wrap;justify-content:center}.art-coll__grid--centered .art-coll__card{flex:0 1 clamp(220px,calc((100% - 3 * 28px) / var(--cols, 4)),300px)}.art-coll__card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:var(--c-cream, #f2ece1);border-radius:16px;overflow:hidden;box-shadow:var(--art-card-shadow);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease}.art-coll__card-link{display:flex;flex-direction:column;text-decoration:none;color:inherit}.art-coll__media-link{display:block;width:100%;height:100%;text-decoration:none;color:inherit}@media(hover:hover)and (pointer:fine){.art-coll__card:hover{transform:translateY(-8px) scale(1.025);box-shadow:var(--art-card-shadow-hover),inset 0 0 0 1.5px #fbe76eb3,0 0 0 1px #f7a63359,0 0 22px -2px #f7a63366;z-index:2}}.art-coll__media{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:var(--c-taupe, #cdbba6)}.art-coll__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.22,1,.36,1)}@media(hover:hover)and (pointer:fine){.art-coll__card:hover .art-coll__img{transform:scale(1.06)}}.art-coll__noimg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;color:var(--c-espresso, #4a3c2e);text-transform:uppercase;letter-spacing:.12em;font-size:.8rem}.art-coll__badge{position:absolute;top:12px;left:12px;z-index:3;padding:5px 12px;border-radius:999px;background:var(--c-bark, #2a1d12);color:var(--c-cream, #f2ece1);text-transform:uppercase;letter-spacing:.12em;font-size:.64rem;box-shadow:0 0 0 1px #f7a6334d,0 3px 12px -3px #f7a63366}.art-coll__info{padding:12px 16px 16px;display:flex;flex-direction:column;gap:3px;text-decoration:none;color:inherit}.art-coll__name{font-size:.95rem;font-weight:500;color:var(--c-espresso, #4a3c2e);margin:0;line-height:1.3}.art-coll__price{color:var(--c-gold-deep, #a67c2f);font-size:.95rem;font-weight:500;letter-spacing:.01em}.art-coll__price-now{color:var(--c-gold-deep, #a67c2f)}.art-coll__price-was{color:var(--c-clay, #97785b);opacity:.6;margin-left:6px;font-weight:400}.art-coll__actions{position:absolute;left:0;right:0;bottom:0;z-index:4;padding:10px;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:6px;background:linear-gradient(to top,#2a1d126b,#2a1d1200);opacity:0;transform:translateY(8px);transition:opacity .28s ease,transform .28s ease}@media(hover:hover)and (pointer:fine){.art-coll__card:hover .art-coll__actions,.art-coll__card:focus-within .art-coll__actions{opacity:1;transform:translateY(0)}}@media(hover:none),(pointer:coarse){.art-coll__actions{opacity:1;transform:none}.art-coll__atc-label{grid-template-columns:1fr}.art-coll__atc-label>span>span{opacity:1;filter:blur(0);translate:0 0}}.art-coll__atc-form{margin:0;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:6px;min-width:0}.art-coll__atc{position:relative;flex:none;min-width:38px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:0;padding:0;border:1px solid var(--c-espresso, #4a3c2e);border-radius:999px;background:var(--c-espresso, #4a3c2e);color:var(--c-cream, #f2ece1);font:inherit;font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;cursor:pointer;overflow:hidden;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .2s ease}.art-coll__atc--soldout{padding:0 16px}@media(hover:hover)and (pointer:fine){.art-coll__atc:hover{background:var(--c-clay, #97785b);border-color:var(--c-clay, #97785b);transform:translateY(-1px)}}.art-coll__atc:focus-visible{outline:2px solid var(--c-gold, #c8a24c);outline-offset:2px}.art-coll__atc[disabled]{background:color-mix(in srgb,var(--c-bark, #2a1d12) 55%,transparent);color:var(--c-cream, #f2ece1);border-color:#f2ece159;opacity:.85;cursor:not-allowed;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.art-coll__atc-default,.art-coll__atc-success{display:inline-flex;align-items:center;justify-content:center}.art-coll__atc-icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;margin:0 10px}.art-coll__atc-icon svg{width:100%;height:100%}.art-coll__atc-label{display:grid;grid-template-columns:0fr;transition:grid-template-columns .3s var(--ease-out-cubic, cubic-bezier(.33, 1, .68, 1))}.art-coll__atc-label>span{min-width:0;overflow:hidden}.art-coll__atc-label>span>span{display:inline-block;padding-right:14px;white-space:nowrap;opacity:0;filter:blur(2px);translate:.5ch 0;transition:opacity .3s ease,filter .3s ease,translate .3s ease}@media(hover:hover)and (pointer:fine){.art-coll__atc:is(:hover,:focus-visible) .art-coll__atc-label{grid-template-columns:1fr}.art-coll__atc:is(:hover,:focus-visible) .art-coll__atc-label>span>span{opacity:1;filter:blur(0);translate:0 0}}.art-coll__atc-success{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:translateY(60%);transition:opacity .25s ease,transform .3s cubic-bezier(.22,1,.36,1)}.art-coll__atc.is-added .art-coll__atc-default{opacity:0;transform:translateY(-60%);transition:opacity .2s ease,transform .3s ease}.art-coll__atc.is-added .art-coll__atc-success{opacity:1;transform:translateY(0)}.art-coll__atc.is-added{background:var(--c-gold-deep, #a67c2f);border-color:var(--c-gold-deep, #a67c2f)}.art-coll__atc.is-loading{pointer-events:none;opacity:.85}@media(max-width:749px){.art-coll__info{padding:10px 12px 12px}.art-coll__actions{padding:8px;gap:5px}.art-coll__atc{font-size:.66rem;letter-spacing:.07em}.art-coll__atc-icon{width:15px;height:15px;margin:0 9px}}html.art-choose-open{overflow:hidden}.art-choose{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px}.art-choose[hidden]{display:none}.art-choose__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#2a1d128c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .3s ease}.art-choose.is-open .art-choose__overlay{opacity:1}.art-choose__panel{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);width:min(820px,100%);max-height:min(86vh,680px);background:var(--c-cream, #f2ece1);color:var(--c-espresso, #4a3c2e);border-radius:18px;overflow:hidden;box-shadow:0 40px 90px -30px #2a1d12b3;opacity:0;transform:translateY(18px) scale(.97);transition:opacity .32s ease,transform .32s cubic-bezier(.22,1,.36,1)}.art-choose.is-open .art-choose__panel{opacity:1;transform:translateY(0) scale(1)}.art-choose__panel:focus-visible{outline:none}.art-choose__x{position:absolute;top:12px;right:12px;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:0;border-radius:999px;background:color-mix(in srgb,var(--c-cream, #f2ece1) 80%,transparent);color:var(--c-espresso, #4a3c2e);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s ease,transform .2s ease}.art-choose__x:hover{background:var(--c-taupe, #cdbba6);transform:rotate(90deg)}.art-choose__x:focus-visible{outline:2px solid var(--c-clay, #97785b);outline-offset:2px}.art-choose__media{position:relative;background:var(--c-taupe, #cdbba6)}.art-choose__media[hidden]{display:none}.art-choose__panel:has(.art-choose__media[hidden]){grid-template-columns:1fr;width:min(460px,100%)}.art-choose__img{width:100%;height:100%;object-fit:cover;display:block}.art-choose__body{display:flex;flex-direction:column;gap:14px;padding:32px 30px 28px;overflow-y:auto}.art-choose__title{font-size:clamp(1.4rem,2.6vw,1.9rem);line-height:1.15;margin:0;color:var(--c-espresso, #4a3c2e)}.art-choose__price{margin:0;font-size:1.05rem;letter-spacing:.02em;color:var(--c-clay, #97785b)}.art-choose__options{display:flex;flex-direction:column;gap:16px}.art-choose__opt{display:flex;flex-direction:column;gap:8px}.art-choose__opt-name{text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;color:var(--c-espresso, #4a3c2e);opacity:.75}.art-choose__values{display:flex;flex-wrap:wrap;gap:8px}.art-choose__value{padding:9px 16px;border-radius:999px;border:1px solid rgb(74 60 46 / .28);background:transparent;color:var(--c-espresso, #4a3c2e);font:inherit;font-size:.82rem;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.art-choose__value:hover{border-color:var(--c-clay, #97785b);background:#cdbba666}.art-choose__value.is-selected{background:var(--c-espresso, #4a3c2e);border-color:var(--c-espresso, #4a3c2e);color:var(--c-cream, #f2ece1)}.art-choose__value.is-unavailable{opacity:.45;text-decoration:line-through}.art-choose__value:focus-visible{outline:2px solid var(--c-clay, #97785b);outline-offset:2px}.art-choose__form{margin:4px 0 0}.art-choose__add{position:relative;width:100%;min-height:52px;display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border:1px solid var(--c-espresso, #4a3c2e);border-radius:999px;background:var(--c-espresso, #4a3c2e);color:var(--c-cream, #f2ece1);font:inherit;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;overflow:hidden;transition:background .25s ease,border-color .25s ease,transform .2s ease}.art-choose__add:hover:not([disabled]){background:var(--c-clay, #97785b);border-color:var(--c-clay, #97785b);transform:translateY(-1px)}.art-choose__add:focus-visible{outline:2px solid var(--c-gold, #c8a24c);outline-offset:2px}.art-choose__add[disabled]{opacity:.5;cursor:not-allowed}.art-choose__add.is-loading{pointer-events:none;opacity:.85}.art-choose__add-success{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-flex;align-items:center;justify-content:center;opacity:0;transform:translateY(60%);transition:opacity .25s ease,transform .3s cubic-bezier(.22,1,.36,1)}.art-choose__add.is-added{background:var(--c-gold-deep, #a67c2f);border-color:var(--c-gold-deep, #a67c2f)}.art-choose__add.is-added .art-choose__add-default{opacity:0;transform:translateY(-60%);transition:opacity .2s ease,transform .3s ease}.art-choose__add.is-added .art-choose__add-success{opacity:1;transform:translateY(0)}.art-choose__view{text-align:center;font-size:.74rem;text-transform:uppercase;letter-spacing:.14em;color:var(--c-clay, #97785b);text-decoration:none}.art-choose__view:hover{color:var(--c-espresso, #4a3c2e);text-decoration:underline}@media(prefers-reduced-motion:reduce){.art-choose__overlay,.art-choose__panel{transition:opacity .01ms linear;transform:none}}@media(max-width:749px){.art-choose{padding:18px;align-items:center}.art-choose__panel{grid-template-columns:1fr;width:100%;max-height:88vh;border-radius:18px}.art-choose__media{max-height:34vh}.art-choose__body{padding:24px 20px 28px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/art-product-card.css.map */