.compatible-packs-wrapper{--cp-terracotta: #e38a5b;--cp-terracotta-dark: #c9724a;--cp-cream: #fdf8f2;--cp-cream-dark: #f5ede3;--cp-charcoal: #1c1812;--cp-charcoal-light: #3d3830;position:relative;margin-top:32px;margin-bottom:32px;padding:0;background:var(--cp-cream);border:1px solid var(--cp-terracotta);border-radius:2px;overflow:hidden}.compatible-packs-wrapper:before,.compatible-packs-wrapper:after{content:"";position:absolute;width:24px;height:24px;border:2px solid var(--cp-terracotta);opacity:.4;pointer-events:none}.compatible-packs-wrapper:before{top:8px;left:8px;border-right:none;border-bottom:none}.compatible-packs-wrapper:after{bottom:8px;right:8px;border-left:none;border-top:none}.compatible-packs__heading{position:relative;background:var(--cp-terracotta);color:var(--cp-cream);font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;text-align:center;padding:10px 16px;margin:0}.compatible-packs__heading:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:6px solid var(--cp-terracotta)}.compatible-packs__grid{display:flex;flex-direction:column;gap:0;padding:20px 16px 12px}.compatible-packs__card{display:flex;align-items:center;gap:14px;padding:14px;background:transparent;border:1px dashed rgba(28,24,18,.15);border-radius:0;text-decoration:none;transition:all .25s ease;position:relative}.compatible-packs__card+.compatible-packs__card{margin-top:10px}.compatible-packs__card:hover{background:var(--cp-cream-dark);border-color:var(--cp-terracotta);border-style:solid;transform:translate(4px)}.compatible-packs__card:after{content:"\2192";position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--cp-terracotta);opacity:0;transition:opacity .25s ease,transform .25s ease}.compatible-packs__card:hover:after{opacity:1;transform:translateY(-50%) translate(2px)}.compatible-packs__card-image{flex-shrink:0;width:64px;height:64px;padding:3px;background:#fff;border:1px solid rgba(28,24,18,.12);box-shadow:0 1px 3px #1c181214,inset 0 0 0 1px #ffffff80}.compatible-packs__card-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.95);transition:filter .25s ease}.compatible-packs__card:hover .compatible-packs__card-image img{filter:saturate(1.05)}.compatible-packs__card-content{flex:1;min-width:0;padding-right:24px}.compatible-packs__card-text{font-size:14px;line-height:1.5;color:var(--cp-charcoal);font-weight:400}.compatible-packs__card-text strong,.compatible-packs__card-text b{color:var(--cp-terracotta-dark);font-weight:600}.cp-highlight{color:var(--cp-terracotta);font-weight:700;text-decoration:underline;text-decoration-color:var(--cp-terracotta);text-underline-offset:2px}.compatible-packs__see-all{display:block;width:auto;margin:8px 16px 16px;padding:10px 20px;text-align:center;background:transparent;color:var(--cp-charcoal);font-size:13px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--cp-charcoal);border-radius:0;transition:all .25s ease;position:relative}.compatible-packs__see-all:hover{background:var(--cp-charcoal);color:var(--cp-cream);border-color:var(--cp-charcoal)}.compatible-packs__savings{display:inline-block;background:var(--cp-terracotta);color:var(--cp-cream);font-size:11px;font-weight:600;letter-spacing:.05em;padding:3px 8px;margin-left:6px;vertical-align:middle}@media (max-width: 749px){.compatible-packs-wrapper{margin-top:20px}.compatible-packs__heading{font-size:12px;padding:9px 14px}.compatible-packs__grid{padding:16px 12px 10px}.compatible-packs__card{padding:12px;gap:12px}.compatible-packs__card-image{width:56px;height:56px}.compatible-packs__card-text{font-size:13px;line-height:1.45}.compatible-packs__see-all{margin:6px 12px 14px;font-size:12px;padding:9px 16px}.compatible-packs-wrapper:before,.compatible-packs-wrapper:after{width:18px;height:18px}.compatible-packs__card:after{display:none}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.compatible-packs-wrapper{animation:fadeSlideIn .4s ease-out}.compatible-packs__card{animation:fadeSlideIn .4s ease-out;animation-fill-mode:both}.compatible-packs__card:nth-child(1){animation-delay:.1s}.compatible-packs__card:nth-child(2){animation-delay:.2s}
/*# sourceMappingURL=/cdn/shop/t/31/assets/compatible-packs.css.map */