.an-multicolumn-section{padding:var(--section-vertical-padding-desktop, 96px) 0;position:relative;overflow:hidden}.an-multicolumn-box{display:flex;align-items:stretch;gap:32px;justify-content:flex-start;position:relative;z-index:1}.an-multicolumn-column{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;text-align:center;width:calc(25% - 24px);gap:10px;padding:24px 16px;border-radius:16px;transition:all .3s ease;cursor:pointer;background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.an-multicolumn-column:hover{transform:translateY(-8px);background:#fffc;border-color:#591e6633;box-shadow:0 12px 24px #591e6626}.an-icon-tile{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:#fff;box-shadow:0 2px 8px #1018281a;transition:all .3s ease;overflow:visible}.an-icon-tile img{width:25px;height:25px;object-fit:contain;transition:all .3s ease;border-radius:0!important}.an-multicolumn-column:hover .an-icon-tile{background:linear-gradient(135deg,#591e66,#742886);transform:scale(1.06) rotate(3deg);box-shadow:0 4px 12px #591e664d}.an-multicolumn-column:hover .an-icon-tile img{filter:brightness(0) invert(1)}.an-multicolumn-column:hover h3{color:#3b0f45}.an-multicolumn-column:focus{outline:2px solid #3B0F45;outline-offset:2px;box-shadow:0 0 0 4px #3b0f451f;background:#ffffffe6}.an-multicolumn-column:focus h3{color:#3b0f45}.an-multicolumn-column h3{margin:0;color:#344054;font-size:18px;line-height:28px;font-family:var(--font-display);font-weight:800;transition:color .3s ease}.an-multicolumn-column p{margin:0;color:#475467;font-size:16px;line-height:24px;font-weight:400;letter-spacing:0px}@media (max-width:860px){.an-multicolumn-box{flex-wrap:wrap}.an-multicolumn-column{width:calc(50% - 16px);padding:20px 12px}.an-multicolumn-section{padding:var(--section-vertical-padding-tablet, 40px) 0}}@media (max-width:600px){.an-multicolumn-column{width:100%;padding:16px 12px}.an-multicolumn-box.an-scroll{flex-wrap:nowrap;overflow-x:auto;gap:16px;padding:0 16px}.an-multicolumn-box.an-scroll .an-multicolumn-column{width:100%;min-width:280px;flex-shrink:0}.an-multicolumn-column:hover{transform:translateY(-4px)}}
/*# sourceMappingURL=/cdn/shop/t/69/assets/an-multicolumn.css.map */
