.collection .grid{row-gap:clamp(36px,4vw,56px)}.collection .card{align-items:center;text-align:center}.collection .card__media{width:100%;aspect-ratio:1.45 / 1;background:transparent;overflow:visible;display:flex;flex-direction:column;align-items:center;justify-content:center}.collection .card__img{position:relative;inset:auto;width:100%;height:auto;max-height:82%;padding:0 4%;object-fit:contain;mix-blend-mode:multiply;transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .25s}.collection .card:hover .card__img{transform:translateY(-4px) scale(1.03)}.collection .card__shadow{margin-top:0;transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .4s}.collection .card:hover .card__shadow{transform:scaleX(.92);opacity:.75}.collection .card__badge{position:absolute;z-index:2;top:0;left:50%;right:auto;transform:translate(-50%);margin:0;background:linear-gradient(135deg,#b8913a,#e9d08c 48%,#a97c1f);color:#1b1b1b}.collection .card__info{align-items:center;gap:0;padding-top:14px}.collection .card__vendor{margin:0 0 7px;font-size:10.5px;font-weight:600;letter-spacing:.24em;color:var(--gold-solid, #a97c1f)}.collection .card__title{margin:0;font-family:Archivo,sans-serif;font-stretch:125%;font-weight:400;text-transform:uppercase;letter-spacing:.04em;font-size:clamp(14px,1.15vw,17px);line-height:1.2;color:#1b1b1b}.collection .card__title a{color:inherit;text-decoration:none}.collection .card__title a:hover{color:var(--gold-solid, #a97c1f)}.collection .swatches--card{justify-content:center;gap:9px;margin:14px 0 0;padding:3px;min-height:26px}.collection .swatches--card .swatch{--s: 20px;background-size:cover}.collection .swatches__more a{font-size:11px;letter-spacing:.06em;color:var(--muted)}.collection .card__price{margin:12px 0 0;font-size:13.5px;letter-spacing:.12em;color:var(--gold-solid, #a97c1f)}.cf{position:sticky;top:var(--header-h, 0px);z-index:30;margin-bottom:clamp(30px,4vw,48px)}.cf__bar{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;padding:10px 0;background:var(--cream, #f9f5ed);border-top:1px solid rgba(169,124,31,.35);border-bottom:1px solid rgba(169,124,31,.35)}.cf__groups,.cf__right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cf__group{position:relative}.cf__btn{list-style:none;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border:1px solid transparent;border-radius:99px;cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#1b1b1b;transition:border-color .2s,background .2s;-webkit-user-select:none;user-select:none}.cf__btn::-webkit-details-marker{display:none}.cf__btn:hover,.cf__group[open]>.cf__btn{border-color:#a97c1f8c}.cf__btn.is-on{background:#1b1b1b;color:#f6efe2}.cf__val{font-style:normal;font-weight:500;letter-spacing:.06em;text-transform:none;font-size:12.5px;color:var(--gold-solid, #a97c1f)}.cf__btn.is-on .cf__val{color:#e3c47a}.cf__chev{width:10px;height:7px;transition:transform .25s}.cf__group[open] .cf__chev{transform:rotate(180deg)}.cf__count{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted, #6b645b);margin-right:6px}.cf__panel{position:absolute;top:calc(100% + 10px);left:0;z-index:40;min-width:230px;max-height:min(420px,60vh);overflow-y:auto;padding:10px;background:#fffdf8;border:1px solid rgba(169,124,31,.3);border-radius:14px;box-shadow:0 28px 50px -28px #281c0a73;animation:cfIn .22s ease}.cf__panel--cols{display:grid;grid-template-columns:repeat(2,minmax(170px,1fr));min-width:380px;column-gap:6px}.cf__panel--right{left:auto;right:0}@keyframes cfIn{0%{opacity:0;transform:translateY(-6px)}}.cf__opt{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:9px;font-size:13.5px;color:#1b1b1b;text-decoration:none;white-space:nowrap;transition:background .15s}.cf__opt:hover{background:#a97c1f14}.cf__opt i{flex:none;width:14px;height:14px;border-radius:50%;border:1px solid rgba(27,27,27,.35);position:relative}.cf__opt.is-on{font-weight:600}.cf__opt.is-on i{border-color:transparent;background:linear-gradient(135deg,#b8913a,#f0d991 48%,#a97c1f);box-shadow:0 0 0 3px #a97c1f26}.cf__active{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 0;background:var(--cream, #f9f5ed)}.collection .card__media{position:relative}.cf__chip{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px 0 14px;border-radius:99px;border:1px solid rgba(169,124,31,.55);font-size:12px;letter-spacing:.04em;color:#1b1b1b;text-decoration:none;background:#fffdf8}.cf__chip span{font-size:15px;line-height:1;color:var(--gold-solid, #a97c1f)}.cf__chip:hover{background:#1b1b1b;color:#f6efe2}.cf__clear{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted, #6b645b);text-decoration:underline;text-underline-offset:4px;margin-left:4px}.cf__clear:hover{color:#1b1b1b}@media(max-width:749px){.cf__bar{padding:8px 0;gap:6px}.cf__groups{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;width:100%}.cf__groups::-webkit-scrollbar{display:none}.cf__right{width:100%;justify-content:space-between}.cf__btn{height:34px;padding:0 12px;font-size:10.5px;letter-spacing:.12em}.cf__group{position:static}.cf__panel,.cf__panel--cols{position:fixed;left:12px;right:12px;top:auto;bottom:12px;min-width:0;max-height:60vh;grid-template-columns:repeat(2,minmax(0,1fr))}.collection .card__title{font-size:13px}.collection .swatches--card .swatch{--s: 16px}}.search-page .collection__hero{padding-bottom:clamp(18px,2.4vw,30px)}.ss{position:relative;display:flex;align-items:center;gap:10px;max-width:760px;margin:18px 0 0;padding:6px 6px 6px 18px;background:#fffdf8;border:1px solid rgba(169,124,31,.4);border-radius:99px}.ss:focus-within{border-color:var(--gold-solid, #a97c1f);box-shadow:0 0 0 4px #a97c1f1a}.ss__ico{display:inline-flex;color:var(--gold-solid, #a97c1f)}.ss__ico .icon{width:18px;height:18px}.ss__input{flex:1;min-width:0;height:44px;border:0;background:transparent;font:inherit;font-size:15px;color:#1b1b1b;outline:none}.ss__input::-webkit-search-cancel-button{-webkit-appearance:none}.ss .btn{border-radius:99px}.ss .ps{top:calc(100% + 10px)}.cf__count--left{margin:0 0 0 4px}@media(max-width:749px){.ss{padding-left:14px}.ss .btn{padding-left:16px;padding-right:16px}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/coty-collection.css.map */
