.ananas-collection{--ananas-collection-ink: #29373d;--ananas-collection-pad: clamp(18px, 2.4vw, 44px);color:var(--ananas-collection-ink);background:#fff}.ananas-collection__breadcrumb{display:flex;flex-wrap:wrap;gap:var(--ananas-breadcrumb-gap);align-items:center;padding-block:var(--ananas-breadcrumb-padding-block);padding-inline:var(--ananas-breadcrumb-padding-inline);color:var(--ananas-breadcrumb-color);font-size:var(--ananas-breadcrumb-font-size);font-weight:var(--ananas-breadcrumb-font-weight);line-height:var(--ananas-breadcrumb-line-height);letter-spacing:0;text-transform:uppercase}.ananas-collection__breadcrumb a{color:inherit;text-decoration:none}.ananas-collection__breadcrumb strong{color:var(--ananas-breadcrumb-color-current);font-weight:var(--ananas-breadcrumb-font-weight-current)}.ananas-collection__hero{display:grid;min-height:clamp(360px,28vw,520px);padding:clamp(58px,5.6vw,108px) var(--ananas-collection-pad);grid-template-columns:minmax(360px,.54fr) minmax(0,1fr);gap:clamp(54px,7.6vw,156px);align-items:end;color:#fff;background:var(--collection-hero-color, #f4c466)}.ananas-collection__hero-media{display:grid;min-height:clamp(260px,20vw,380px);align-self:end;place-items:end center}.ananas-collection__hero-media img{width:min(100%,560px);max-height:clamp(250px,20vw,380px);object-fit:contain}.ananas-collection__hero-content{align-self:end;max-width:1180px}.ananas-collection__hero-content h1{margin:0 0 12px;color:inherit;font-size:18px;font-weight:800;line-height:1.15;letter-spacing:0;text-transform:uppercase}.ananas-collection__hero-content :is(p,.metafield-rich_text_field){margin:0;color:inherit;font-size:16px;font-weight:400;line-height:1.22}.ananas-collection__toolbar{display:flex;justify-content:flex-end;align-items:center;gap:22px;min-height:100px;padding:24px var(--ananas-collection-pad) 10px;color:#29373dc7;font-size:13px;font-weight:500}.ananas-collection__sort{position:relative;display:flex;align-items:center;min-width:170px;border-bottom:2px solid var(--ananas-collection-ink)}.ananas-collection__sort select{width:100%;min-height:34px;padding:0 28px 0 0;border:0;border-radius:0;-webkit-appearance:none;appearance:none;background:transparent;color:var(--ananas-collection-ink);font:inherit;outline:0;cursor:pointer}.ananas-collection__sort svg{position:absolute;right:0;width:13px;pointer-events:none}.ananas-collection__grid{display:grid;padding:26px var(--ananas-collection-pad) clamp(74px,8vw,132px);grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(34px,4vw,84px);row-gap:clamp(58px,6vw,104px)}.ananas-collection__card{display:grid;min-width:0;color:#121212;text-decoration:none}.ananas-collection__media{position:relative;display:grid;overflow:hidden;aspect-ratio:1 / 1.04;background:#fff}.ananas-collection__gallery{position:relative;display:grid;min-height:100%}.ananas-collection__frame{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:0;transition:opacity .22s ease}.ananas-collection__frame[data-active]{opacity:1}.ananas-collection__frame img,.ananas-collection__frame svg{width:100%;height:100%;object-fit:contain;transition:transform .6s cubic-bezier(.16,1,.3,1)}.ananas-collection__card:hover .ananas-collection__frame[data-active] img{transform:scale(1.035)}.ananas-collection__badge{position:absolute;top:0;right:0;z-index:2;display:grid;min-width:58px;min-height:52px;place-items:center;padding:10px;color:#fff;background:var(--ananas-collection-ink);font-size:18px;font-weight:700}.ananas-collection__info{display:grid;gap:6px;grid-template-rows:minmax(40px,auto) 22px minmax(51px,auto);min-height:127px;padding-block-start:20px;align-content:start}.ananas-collection__title{align-self:end;color:#121212;font-size:16px;font-weight:500;line-height:1.25}.ananas-collection__info .price,.ananas-collection__info .price-item,.ananas-collection__info .price__regular,.ananas-collection__info .price__sale{color:#121212;font-size:16px;font-weight:400;line-height:1.35}.ananas-collection__pagination{display:flex;gap:22px;align-items:center;justify-content:center;padding:0 var(--ananas-collection-pad) 72px;color:var(--ananas-collection-ink);font-size:13px;font-weight:400;line-height:1}.ananas-collection__pagination-list{display:flex;gap:14px;align-items:center;margin:0;padding:0;list-style:none}.ananas-collection__pagination :is(a,span){color:inherit;text-decoration:none}.ananas-collection__pagination-link,.ananas-collection__pagination-arrow{position:relative;display:inline-flex;min-width:18px;min-height:24px;align-items:center;justify-content:center;transition:color .16s ease,opacity .16s ease}.ananas-collection__pagination-link--current{font-weight:600}.ananas-collection__pagination-link--current:after{content:"";position:absolute;right:0;bottom:-5px;left:0;height:1px;background:currentColor}.ananas-collection__pagination-link--gap,.ananas-collection__pagination-arrow--disabled{opacity:.36}.ananas-collection__pagination a:hover{opacity:.62}@media screen and (max-width:989px){.ananas-collection__hero{grid-template-columns:minmax(260px,.44fr) 1fr;gap:34px}.ananas-collection__hero-content{padding-block-end:12px}.ananas-collection__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.ananas-collection{--ananas-collection-pad: 18px}.ananas-collection__hero{min-height:auto;padding-block:34px;grid-template-columns:1fr;gap:24px;align-items:start}.ananas-collection__hero-media{min-height:140px;place-items:center}.ananas-collection__hero-media img{max-height:180px}.ananas-collection__hero-content{padding-block-end:0}.ananas-collection__hero-content :is(p,.metafield-rich_text_field){font-size:14px}.ananas-collection__toolbar{justify-content:space-between;min-height:auto;padding-block:24px 0}.ananas-collection__pagination{gap:16px;padding-block-end:54px;font-size:12px}.ananas-collection__pagination-list{gap:11px}.ananas-collection__grid{padding-block-start:28px;grid-template-columns:1fr;row-gap:42px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/ananas-collection.css.map */