.accordion-box-wrapper{display:grid;grid-template-columns:1fr;gap:15px;align-items:flex-start;transition:all .3s ease}.accordion-box-item{background:rgba(var(--alternateBackground));padding:20px;border-radius:var(--cardRadius);overflow:hidden;box-shadow:0 1px 8px #00000021;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.accordion-box-item:hover{transform:translateY(-5px);box-shadow:6px 15px 15px #24283526}.accordion-box-img{position:relative;background:rgba(var(--background));width:100%;display:block;overflow:hidden;border-radius:var(--cardRadius);transition:transform .3s ease}.accordion-box-img img{width:100%;display:block;transition:transform .3s ease}.accordion-box-item:hover .accordion-box-img img{transform:scale(1.05)}.accordion-box-content{padding-top:20px}.accordion-box-desc{width:90%;padding-top:10px;color:var(--accordion-box-text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease}.icon-card-modal-button{text-align:right;width:max-content;margin:7px 0 0 auto;color:rgb(var(--textColor));transition:transform .3s ease,color .3s ease}.icon-card-modal-button:hover{transform:scale(1.1)}.icon-card-modal-button circle{color:rgb(var(--textColor));transition:color .2s ease}.icon-card-modal-button path{fill:rgba(var(--alternateBackground));transition:fill .3s ease}.accordion-box-wrapper .modal{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;z-index:99;transition:opacity .3s ease,visibility .3s ease}.accordion-box-wrapper .modal.open-model{opacity:1;visibility:visible}.accordion-box-wrapper .modal-content{background-color:rgba(var(--background));border-radius:20px;max-width:800px;width:90%;padding:30px;overflow-y:auto;transform:translateY(20px) scale(.95);opacity:0;transition:transform .3s ease,opacity .3s ease}.accordion-box-wrapper .modal.open-model .modal-content{transform:translateY(0) scale(1);opacity:1}.accordion-box-popup-content.image-position-top{display:flex;flex-direction:column}.accordion-box-popup-content.image-position-bottom .accordion-box-image{margin-top:15px}.accordion-box-popup-content.image-position-top .accordion-box-image{order:1;margin-bottom:15px;border-radius:var(--cardRadius);overflow:hidden}.accordion-box-popup-content.image-position-top .accordion-box-popup-heading{order:2}.accordion-box-popup-content.image-position-top .accordion-box-popup-desc{order:3}.accordion-box-wrapper .close{position:absolute;top:15px;right:10px;width:35px;height:35px;background:rgba(var(--alternateBackground));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;color:rgb(var(--textColor));cursor:pointer;transition:transform .3s ease,background .3s ease}.accordion-box-wrapper .close:hover{transform:rotate(90deg) scale(1.1);background:rgba(var(--alternateBackground),.9)}.accordion-box-wrapper .close svg{width:12px;height:auto}@media screen and (min-width:576px){.accordion-box-wrapper{grid-template-columns:repeat(2,1fr);gap:20px}}@media screen and (min-width:992px){.accordion-box-wrapper{grid-template-columns:repeat(4,1fr);gap:25px}}@media screen and (max-width:1199px){.accordion-box-item{padding:15px}}@media screen and (max-width:767px){.accordion-box-wrapper{grid-auto-flow:column;grid-auto-columns:minmax(calc(90vw - 30px),1fr);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:20px;-webkit-overflow-scrolling:touch;grid-template-columns:unset}.accordion-box-item{scroll-snap-align:center;scroll-snap-stop:always}.accordion-box-wrapper:has(.accordian-box-popup.popup-visible){overflow:clip}}@keyframes fadeSlideIn{0%{transform:translateY(20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal.open-model .modal-content{animation:fadeSlideIn .35s ease forwards}
/*# sourceMappingURL=/cdn/shop/t/25/assets/accordion-box.css.map */