.kos-mobile-card{display:block;background-color:#fdfdfd}.kos-mobile-card__container{display:flex;flex-direction:column;gap:32px;padding:64px 16px;align-items:flex-start}.kos-mobile-card__badge{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px 12px;background-color:#fef9e8;border:1px solid #fbe69c;border-radius:999px}.kos-mobile-card__badge-text{font-family:OMR Sans,sans-serif;font-weight:700;font-size:14px;line-height:1.4;letter-spacing:.28px;color:#a6620a;text-align:center}.kos-mobile-card__cards-container{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}.kos-mobile-card__cards-container::-webkit-scrollbar{display:none}.kos-mobile-card__cards{display:flex;flex-direction:row;gap:16px;width:fit-content}.kos-mobile-card__cards>*{scroll-snap-align:start;scroll-snap-stop:always}.kos-mobile-card-item{position:relative;display:flex;flex-direction:column;gap:16px;padding:16px;min-width:calc(100vw - 48px);max-width:calc(100vw - 48px);background-color:#f5c41c;border:1px solid rgba(20,27,40,.2);border-radius:16px;overflow:hidden}.kos-mobile-card-item__graphics{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.kos-mobile-card-item__graphic{position:absolute;background-size:contain;background-repeat:no-repeat;background-position:center}.kos-mobile-card-item__graphic--donut{width:148px;height:148px;bottom:-48px;left:-36px;background-image:url("data:image/svg+xml,%3Csvg width='148' height='148' viewBox='0 0 148 148' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M147 74C147 114.869 113.869 148 73 148C32.1309 148 -1 114.869 -1 74C-1 33.1309 32.1309 0 73 0C113.869 0 147 33.1309 147 74Z' stroke='%23FFDB75' stroke-width='1.5'/%3E%3Cpath d='M98 74C98 87.8071 86.8071 99 73 99C59.1929 99 48 87.8071 48 74C48 60.1929 59.1929 49 73 49C86.8071 49 98 60.1929 98 74Z' fill='%23FFDB75'/%3E%3C/svg%3E")}.kos-mobile-card-item__graphic--striped-circle{width:148px;height:148px;top:-64px;right:-48px;background-image:url("data:image/svg+xml,%3Csvg width='148' height='148' viewBox='0 0 148 148' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='74' cy='74' r='36' fill='%23FFDB75'/%3E%3Ccircle cx='74' cy='74' r='49' stroke='%23FFDB75' stroke-width='1.5' stroke-dasharray='8 8'/%3E%3C/svg%3E")}.kos-mobile-card-item__icon{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;padding:12px;background-color:#fdfdfd;border-radius:8px;width:fit-content}.kos-mobile-card-item__content{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px}.kos-mobile-card-item__title{font-family:OMR Sans,sans-serif;font-weight:700;font-size:18px;line-height:1.4;color:#0c0d0f;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-clamp:2}.kos-mobile-card-item__description{font-family:OMR Sans,sans-serif;font-weight:400;font-size:16px;line-height:1.4;color:#0c0d0f;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-clamp:5}.kos-mobile-card-item__button{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 12px;height:40px;width:fit-content;background-color:#0c0d0f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:4px;font-family:OMR Sans,sans-serif;font-weight:700;font-size:18px;line-height:1.4;color:#f8f9fb;text-decoration:none;transition:background-color .2s ease;margin-top:auto}.kos-mobile-card-item__button:hover{background-color:#1a1b1d}.kos-mobile-card-item__button-text{white-space:nowrap}.kos-mobile-card__pagination{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.kos-mobile-card__pagination-dot{width:12px;height:12px;border-radius:100px;background-color:#ebecef;cursor:pointer;transition:background-color .2s ease;border:none;padding:0}.kos-mobile-card__pagination-dot.active{background-color:#e39807}.kos-mobile-card__pagination-dot:hover{background-color:#e39807;opacity:.8}@media screen and (min-width: 761px){.kos-mobile-card{display:none}}
/*# sourceMappingURL=/cdn/shop/t/99/assets/kos-mobile-card.css.map */