.section-ghost{position:relative;padding:50px 0;background:#fff}.ghost-inner{max-width:1200px;margin:0 auto;padding:0 16px;position:relative}.ghost-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;align-items:center}.ghost-item{display:block;border-radius:6px;position:relative;box-sizing:border-box;margin-block:var(--ghost-block-vspace, 16px)}.ghost-item img{width:100%;height:auto;object-fit:cover;display:block;transition:transform .28s ease,filter .28s ease}.ghost-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:opacity .24s ease;--ghost-overlay-opacity: .3;opacity:var(--ghost-overlay-opacity)}.ghost-overlay[data-opacity]{opacity:calc(attr(data-opacity number)*.01)}.ghost-title{position:absolute;left:50%;transform:translate(-50%);bottom:-25px;margin:0;color:#000;z-index:5;font-size:14px;font-weight:300;pointer-events:none;opacity:0;transition:opacity .24s ease;text-align:center;font-family:var(--font-script-family)}.ghost-item:hover img,.ghost-item:focus img{transform:scale(1.06)}.ghost-item:hover .ghost-title,.ghost-item:focus .ghost-title{opacity:1}.ghost-arrow{position:absolute;top:10px;right:18px;z-index:10;display:none;border:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:20px;line-height:36px;text-align:center;cursor:pointer;background-color:transparent}.ghost-arrow-right:after{cursor:pointer;content:"next";font-family:swiper-icons;text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1;color:#000;font-size:11px}.ghost-arrow-left:after{content:"prev";font-family:swiper-icons;text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1;color:#000;font-size:11px}.ghost-arrow.ghost-arrow-left{margin-right:3rem}@media(max-width:749px){.ghost-grid{display:flex;gap:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding-bottom:10px}.ghost-item{flex:0 0 50%;scroll-snap-align:center;min-height:160px}.ghost-arrow{display:block}.ghost-arrow{top:-25px;right:5px;width:34px;height:34px;font-size:18px}.ghost-title{font-size:18px;left:14px;bottom:14px}}@media(max-width:420px){.ghost-item{flex:0 0 50%}.ghost-arrow{top:-25px;right:5px;width:34px;height:34px;font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-ghost.css.map */