.gl-inner{max-width:1400px;margin:0 auto;padding:0 40px}.gl-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:32px}.gl-eyebrow{display:block;margin-bottom:8px;font-family:var(--body-font);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;opacity:.6}.gl-title{margin:0;font-family:var(--heading-font);font-size:clamp(28px,3.2vw,44px);font-weight:500;line-height:1.05;letter-spacing:0;text-transform:none;color:inherit}.gl-tools{display:flex;align-items:center;gap:18px}.gl-all{padding-bottom:4px;border-bottom:1px solid currentColor;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:inherit;text-decoration:none;white-space:nowrap}.gl-btn{display:inline-block;padding:14px 34px;border:1px solid currentColor;border-radius:999px;font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:inherit;text-decoration:none;transition:background-color .2s ease,color .2s ease,transform .16s ease-out}.gl-btn:active{transform:scale(.97)}.gl-arrows{display:flex;gap:8px}.gl-arrow{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(128,120,112,.35);border-radius:50%;background:transparent;color:inherit;cursor:pointer;transition:border-color .2s ease,opacity .2s ease,transform .16s ease-out}.gl-arrow:active{transform:scale(.95)}.gl-arrow:disabled{opacity:.35;cursor:default}.gl-arrow svg{width:16px;height:16px}@media(hover:hover)and (pointer:fine){.gl-arrow:not(:disabled):hover{border-color:currentColor}.gl-all:hover{opacity:.6}}.gl-rail{--gl-gap: 20px;--gl-cols: 4;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - var(--gl-gap) * (var(--gl-cols) - 1)) / var(--gl-cols));gap:var(--gl-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.gl-rail::-webkit-scrollbar{display:none}.gl-rail>.glc{scroll-snap-align:start}.glc{color:inherit;min-width:0}.glc__link{display:block;color:inherit;text-decoration:none}.glc__media{position:relative;aspect-ratio:3 / 4;overflow:hidden;border-radius:2px;background:#f6f3ee}.glc__media img,.glc__media svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .25s ease,transform .9s cubic-bezier(.23,1,.32,1)}.glc__media .glc__img2{opacity:0}@media(hover:hover)and (pointer:fine){.glc:hover .glc__img2{opacity:1}.glc:hover .glc__media img{transform:scale(1.03)}.glc.is-picked .glc__img2,.glc:has(.glc__colors:hover) .glc__img2{opacity:0}}.glc__badges{position:absolute;top:12px;left:12px;z-index:1;display:grid;gap:6px;justify-items:start}.glc__badge{padding:5px 9px;background:#ffffffeb;font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#151515}.glc__badge--nuevo{background:#151515;color:#fff}.glc__badge--agotado{color:#8a847e}.glc__name{display:block;margin-top:14px;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.glc .glc__name.glc__name--suave{text-transform:capitalize}.glc__price{display:flex;gap:10px;margin-top:6px;font-size:13px;letter-spacing:.04em}.glc__price s{font-size:12px;opacity:.55}.glc__colors{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;padding:3px;margin-left:-3px}.glc__color{position:relative;flex:0 0 auto;width:18px;height:18px;padding:0;border:0;border-radius:50%;background-color:#ddd;box-shadow:inset 0 0 0 1px #15151526;cursor:pointer;transition:box-shadow .15s ease,transform .12s ease-out}.glc__color:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px}.glc__color[hidden]{display:none}.glc__color.is-out{opacity:.4;cursor:not-allowed}.glc__color.is-out:before{content:"";position:absolute;top:50%;left:-2px;right:-2px;height:1.5px;margin-top:-.75px;background:currentColor;transform:rotate(-45deg)}.glc__color.is-out:active{transform:none}.glc__color:active{transform:scale(.9)}.glc__color.is-active{box-shadow:inset 0 0 0 1px #15151526,0 0 0 2px #fff,0 0 0 3px #151515}.glc__color:focus-visible{outline:2px solid currentColor;outline-offset:3px}.glc__color--extra{animation:glc-in .26s ease-out backwards}@keyframes glc-in{0%{opacity:0;transform:scale(.6)}}.glc__colors-more{min-width:28px;height:24px;padding:0 8px;border:0;border-radius:999px;background:#80787024;font-family:inherit;font-size:12px;font-weight:500;line-height:24px;color:inherit;cursor:pointer;transition:background-color .2s ease,transform .12s ease-out}.glc__colors-more[hidden]{display:none}.glc__colors-more:active{transform:scale(.95)}.glc__colors-more:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media(hover:hover)and (pointer:fine){.glc__colors-more:hover{background:#80787042}}@media screen and (max-width:989px){.gl-rail{--gl-cols: 3 !important}}@media screen and (max-width:749px){.gl-inner{padding:0 16px}.gl-head{margin-bottom:20px}.gl-arrows{display:none}.gl-rail{--gl-gap: 10px;grid-auto-columns:44%;margin:0 -16px;padding:0 16px;scroll-padding:0 16px}.glc__name{margin-top:10px;font-size:11px;letter-spacing:.1em}.glc__price{font-size:12.5px;gap:8px}.glc__badges{top:8px;left:8px}.glc__colors{gap:9px}.glc__color{width:16px;height:16px}}@media(prefers-reduced-motion:reduce){.gl-rail{scroll-behavior:auto}.glc__color--extra{animation:none}.glc__media img{transition:opacity .2s ease}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/gialett-cards.css.map */