.ananas-article-template{--ananas-article-ink: #29373d;--ananas-article-muted: rgb(41 55 61 / .62);--ananas-article-line: rgb(41 55 61 / .22);--ananas-article-pad: clamp(18px, 4.2vw, 92px);display:block;color:var(--ananas-article-ink);background:#fff}.ananas-article-lightbox-open{overflow:hidden}.ananas-article-template__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-article-template__breadcrumb a{color:inherit;text-decoration:none}.ananas-article-template__breadcrumb strong{color:var(--ananas-breadcrumb-color-current);font-weight:var(--ananas-breadcrumb-font-weight-current)}.ananas-article-template__hero-slider{--article-slide-gap: clamp(28px, 3.4vw, 64px);overflow:hidden;width:100%;padding:0}.ananas-article-template__hero-viewport{overflow:visible;cursor:grab}.ananas-article-template__hero-viewport:active{cursor:grabbing}.ananas-article-template__hero-track{display:flex;gap:var(--article-slide-gap);align-items:stretch;will-change:transform;transition:transform .62s cubic-bezier(.22,1,.36,1)}.ananas-article-template__hero-slider[data-slide-count="1"] .ananas-article-template__hero-track{justify-content:center}.ananas-article-template__hero-slider--loop{--article-gallery-scroll-speed: 40s;display:block}.ananas-article-template__hero-slider--loop .ananas-article-template__hero-track{width:max-content;transition:none}.ananas-article-template__hero-group{display:flex;flex:0 0 auto;gap:var(--article-slide-gap);align-items:stretch}ananas-designers-loop.ananas-article-template__hero-slider--loop.is-ready{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}ananas-designers-loop.ananas-article-template__hero-slider--loop.is-dragging{cursor:grabbing}ananas-designers-loop.ananas-article-template__hero-slider--loop.is-ready .ananas-article-template__hero-slide,ananas-designers-loop.ananas-article-template__hero-slider--loop.is-ready img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}ananas-designers-loop.ananas-article-template__hero-slider--loop.is-ready img{pointer-events:none}@media(prefers-reduced-motion:no-preference){.ananas-article-template__hero-slider--loop:not(.is-ready) .ananas-article-template__hero-track{animation:ananas-article-gallery-scroll var(--article-gallery-scroll-speed) linear infinite}}@keyframes ananas-article-gallery-scroll{0%{transform:translateZ(0)}to{transform:translate3d(calc(-50% - (var(--article-slide-gap) / 2)),0,0)}}.ananas-article-template__hero-slide{position:relative;display:block;flex:0 0 clamp(380px,34vw,670px);overflow:hidden;padding:0;aspect-ratio:1 / 1.04;-webkit-appearance:none;appearance:none;background:#f3f0ea;border:0;cursor:zoom-in;opacity:.48;transition:opacity .36s ease,transform .36s ease}.ananas-article-template__hero-slider--loop .ananas-article-template__hero-slide{opacity:1}.ananas-article-template__hero-slide:hover img{transform:scale(1.018)}.ananas-article-template__hero-slide.is-active{opacity:1}.ananas-article-template__hero-slide:not(.is-active):after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:#29373d2e;pointer-events:none}.ananas-article-template__hero-slider--loop .ananas-article-template__hero-slide:after{content:none}.ananas-article-template__hero-slide img,.ananas-article-template__placeholder{display:block;width:100%;height:100%;object-fit:cover;transition:transform .42s ease}.ananas-article-template__hero-rule{position:relative;height:2px;margin:24px var(--ananas-article-pad) 0;background:var(--ananas-article-line)}.ananas-article-template__hero-rule span{position:absolute;top:0;left:0;width:0;height:2px;background:#111;transition:left .62s cubic-bezier(.22,1,.36,1),width .62s cubic-bezier(.22,1,.36,1)}.ananas-article-template__lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:clamp(24px,5vw,72px);background:#ffffffeb}.ananas-article-template__lightbox.is-open{display:flex}.ananas-article-template__lightbox[hidden]{display:none}.ananas-article-template__lightbox img{display:block;width:auto;max-width:min(92vw,1180px);max-height:90vh;object-fit:contain;box-shadow:0 18px 60px #29373d1f}.ananas-article-template__lightbox-close{position:fixed;top:28px;right:34px;z-index:1;display:grid;width:42px;height:42px;place-items:center;color:var(--ananas-article-ink);font-size:34px;line-height:1;-webkit-appearance:none;appearance:none;background:transparent;border:0;cursor:pointer}.ananas-article-template__placeholder{background:linear-gradient(135deg,#efeae2,#d9d1c6)}.ananas-article-template__body{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:0;padding:38px var(--ananas-article-pad) 0}.ananas-article-template__content{min-width:0;padding-right:28px}.ananas-article-template__title{margin:0 0 28px;color:var(--ananas-article-ink);font-size:clamp(22px,1.8vw,32px);font-weight:500;line-height:1.18;letter-spacing:0}.ananas-article-template__rte{max-width:none;color:#29373db8;font-size:14px;line-height:1.46}.ananas-article-template__rte :is(p,ul,ol){margin:0 0 18px}.ananas-article-template__rte :is(h2,h3,h4){margin:30px 0 14px;color:var(--ananas-article-ink);font-size:20px;line-height:1.2}.ananas-article-template__quote{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start;margin-block-start:34px;padding:24px 28px;color:#fff;background:#2c1f18}.ananas-article-template__quote-mark{color:#ffffffb8;font-family:var(--font-editorial--family);font-size:54px;font-weight:700;line-height:.9}.ananas-article-template__quote-text{margin:0;font-size:13px;line-height:1.45}.ananas-article-template__aside{display:flex;flex-direction:column;justify-content:flex-end;align-self:stretch;padding:0 0 0 28px;border-left:1px solid var(--ananas-article-line)}.ananas-article-template__aside-title{margin:0 0 18px;color:var(--ananas-article-ink);font-size:14px;font-weight:700}.ananas-article-template__info-list{display:grid;gap:18px;margin:0;padding:0;list-style:none}.ananas-article-template__info-label{display:block;color:var(--ananas-article-ink);font-size:12px;font-weight:600;line-height:1.2}.ananas-article-template__info-value{display:block;margin-block-start:3px;color:var(--ananas-article-muted);font-size:12px;line-height:1.25}.ananas-article-template__social-title{margin:34px 0 12px;color:var(--ananas-article-ink);font-size:13px;font-weight:700}.ananas-article-template__socials{display:flex;gap:12px;align-items:center}.ananas-article-template__socials a{display:grid;width:18px;height:18px;place-items:center;color:var(--ananas-article-muted);font-size:10px;font-weight:700;text-decoration:none;border:1px solid currentColor;border-radius:50%}.ananas-article-template__section{padding:clamp(58px,6vw,96px) var(--ananas-article-pad) 0}.ananas-article-template__section-title{margin:0 0 42px;color:var(--ananas-article-ink);font-size:clamp(22px,1.9vw,32px);font-weight:500;line-height:1.2}.ananas-article-template__product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(28px,4vw,64px)}.ananas-article-template__product-card,.ananas-article-template__related-card{min-width:0}.ananas-article-template__product-image{display:block;aspect-ratio:1 / .9;background:transparent}.ananas-article-template__product-image img{display:block;width:100%;height:100%;object-fit:contain}.ananas-article-template__swatches{display:flex;gap:7px;min-height:20px;margin-block-start:14px}.ananas-article-template__swatch{width:15px;height:15px;border:1px solid rgb(41 55 61 / .16);border-radius:50%;background-color:var(--swatch-color, #d8c2a2);background-image:var(--swatch-image, none);background-position:center;background-size:cover;background-repeat:no-repeat}.ananas-article-template__product-title,.ananas-article-template__related-title{margin:8px 0 0;color:#111;font-size:14px;font-weight:700;line-height:1.14}.ananas-article-template__product-title a,.ananas-article-template__related-title a{color:inherit;text-decoration:none}.ananas-article-template__price{margin-block-start:6px;color:#111111b8;font-size:13px}.ananas-article-template__compare{margin-inline-end:6px;color:#11111173;text-decoration:line-through}.ananas-article-template__related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,3.4vw,52px)}.ananas-article-template__related-image{display:block;overflow:hidden;aspect-ratio:1 / .9;background:#f3f0ea}.ananas-article-template__related-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .36s ease}.ananas-article-template__related-card:hover .ananas-article-template__related-image img{transform:scale(1.025)}.ananas-article-template__related-date{margin:13px 0 0;color:var(--ananas-article-muted);font-size:11px;font-weight:500;line-height:1.2;text-transform:uppercase}.ananas-article-template__related-divider{width:70%;height:1px;margin:14px 0 0;background:var(--ananas-article-line)}.ananas-article-template__related-excerpt{margin:15px 0 0;color:var(--ananas-article-muted);font-size:12px;line-height:1.24}.ananas-article-template__read-more{display:inline-block;margin-block-start:17px;color:var(--ananas-article-ink);font-size:12px;font-weight:700;text-decoration:none;text-transform:uppercase}.ananas-article-template__bottom{padding-block-end:clamp(72px,7vw,128px)}@media screen and (max-width:989px){.ananas-article-template__hero-slider{padding-inline:var(--ananas-article-pad)}.ananas-article-template__hero-slide{flex-basis:100%}.ananas-article-template__hero-slider--loop .ananas-article-template__hero-slide{flex-basis:min(78vw,420px)}.ananas-article-template__hero-rule{margin-inline-end:0}.ananas-article-template__body{grid-template-columns:1fr}.ananas-article-template__content{padding-right:0}.ananas-article-template__aside{display:block;padding:28px 0 0;border-top:1px solid var(--ananas-article-line);border-left:0}.ananas-article-template__product-grid,.ananas-article-template__related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.ananas-article-template__product-grid,.ananas-article-template__related-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/ananas-article-template.css.map */