/* ===== Розыгрыши (/raffles) — перенесено 1-в-1 из оригинального CSS ===== */
/* оригинал свёрстан в content-box; наш общий сброс может быть border-box — форсируем */
.container.giveaway{box-sizing:border-box}
.container.giveaway *,.container.giveaway *::before,.container.giveaway *::after{box-sizing:content-box}

.container.giveaway{background:url("/assets/img/bg_case.webp") 0% 0%/100% auto no-repeat;position:relative;overflow:hidden;max-width:1200px;margin:0 auto;padding:0 10px}
.container.giveaway h1.page-title,.container.giveaway .page-title{text-transform:uppercase;font-size:24px;font-weight:500;color:#fff;text-align:center;margin-top:41px;margin-bottom:26px}
.container.giveaway .page-title sup{font-size:12px;color:#7d8495;text-transform:none;font-weight:600}

.container.giveaway .rules{position:absolute;top:42px}
.container.giveaway .rules__button{display:flex;align-items:center;text-decoration:none;color:rgb(225,146,72);font-size:14px;font-weight:bold}
.container.giveaway .rules__button svg{margin-right:12px;font-size:1.3rem;width:1.3em;height:1.3em;fill:rgb(225,146,72)}
.container.giveaway .rules span{position:relative;vertical-align:middle}
.container.giveaway .rules span::after{background-color:rgb(225,146,72);display:block;content:"";height:2px;width:0%;left:50%;bottom:-2px;position:absolute;transition:width .3s ease-in-out;transform:translateX(-50%)}
.container.giveaway .rules span:hover::after,.container.giveaway .rules span:focus::after{width:100%}

.container.giveaway .giveaway__wrapper{display:flex;justify-content:center;flex-wrap:wrap;gap:30px}
.container.giveaway .giveaway__item{position:relative}
.container.giveaway .giveaway__top{margin-bottom:20px}

/* верхняя карточка (приз) */
.container.giveaway .top-giveaway{width:334px;min-height:124px;padding:8px;background:rgb(36,43,55)}
.container.giveaway .top-giveaway:hover .top-giveaway__asset{transform:scale(1.1)}
.container.giveaway .top-giveaway__header{display:flex;align-items:center;justify-content:space-between;min-height:17px;width:calc(100% - 21px);padding:8px 10px 9px 11px}
.container.giveaway .top-giveaway__title{font-weight:400;font-size:12px;line-height:16px;color:rgb(96,206,255)}
.container.giveaway .top-giveaway__title small{color:rgb(130,130,130)}
.container.giveaway .top-giveaway__price{font-weight:700;font-size:12px;line-height:16px;color:rgb(33,228,29)}
.container.giveaway .top-giveaway__body{display:flex;position:relative;justify-content:space-between;padding:13px 10px 0px 11px}
.container.giveaway .top-giveaway__left{flex:0 0 68%}
.container.giveaway .top-giveaway__right{align-self:flex-end}
.container.giveaway .top-giveaway__item-name{font-weight:400;font-size:12px;line-height:16px;color:rgb(255,255,255);margin-bottom:4px}
.container.giveaway .top-giveaway__refill,.container.giveaway .top-giveaway__timer{font-weight:400;font-size:11px;line-height:15px;color:rgba(255,255,255,.5)}
.container.giveaway .top-giveaway__refill span,.container.giveaway .top-giveaway__timer span{color:rgb(255,188,120)}
.container.giveaway .top-giveaway__refill{margin-bottom:1px}
.container.giveaway .top-giveaway__timer{margin-bottom:5px}
.container.giveaway .top-giveaway__days::after{content:" дн"}
.container.giveaway .top-giveaway__hours::after{content:" ч"}
.container.giveaway .top-giveaway__min::after{content:" мин"}
.container.giveaway .top-giveaway__sec::after{content:" сек"}
.container.giveaway .top-giveaway__progress{width:158px;height:4px;border:none;border-radius:15px}
.container.giveaway .top-giveaway__progress::-webkit-progress-bar{border-radius:15px}
.container.giveaway .top-giveaway__progress::-webkit-progress-value{border-radius:15px}
.container.giveaway .top-giveaway__img{position:absolute;top:-13px;right:-8px}
.container.giveaway .top-giveaway__asset{position:absolute;width:120px;height:120px;top:-10px;right:0px;filter:brightness(1.3);transition:.3s}
.container.giveaway .top-giveaway__btn{position:relative;width:88px;height:28px;border:1px solid;border-image:linear-gradient(rgba(255,255,255,0) 0%,rgba(255,255,255,.2) 100%) 1/1/0 stretch;background:rgba(255,255,255,.3);box-shadow:rgba(255,255,255,.1) 0px 3px 10px;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);font-weight:400;font-size:11px;line-height:15px;color:rgb(255,255,255);cursor:pointer;transition:.5s}
.container.giveaway .top-giveaway__btn:hover{background:rgba(255,255,255,.4)}
.container.giveaway .top-giveaway__done{display:flex;width:96px;align-items:center;transform:translateY(2px) translateX(7px);font-size:11px;justify-content:space-between;color:#fff;white-space:nowrap}
.container.giveaway .top-giveaway__done svg{font-size:1.1rem;width:1.1em;height:1.1em;position:relative;flex:0 0 auto}

/* нижняя карточка (победители) */
.container.giveaway .body-giveaway{position:relative;width:312px;min-height:110px;padding:22px 19px 8px}
.container.giveaway .body-giveaway__header{text-align:center}
.container.giveaway .body-giveaway svg{width:24px;height:24px;position:absolute;top:-10px;left:50%;transform:translateX(-50%)}
.container.giveaway .body-giveaway svg.icon__blue{fill:rgb(96,206,255)}
.container.giveaway .body-giveaway svg.icon__lavender{fill:rgb(186,172,255)}
.container.giveaway .body-giveaway svg.icon__purple{fill:rgb(236,140,246)}
.container.giveaway .body-giveaway__title{font-weight:700;font-size:14px;line-height:19px;color:rgb(96,206,255);margin-bottom:21px}
.container.giveaway .body-giveaway__winners-list{margin-bottom:12px}
.container.giveaway .body-giveaway__winners-list ul{display:flex;flex-direction:column;row-gap:1px;list-style-type:none;padding-left:0px;margin:0px}
.container.giveaway .winner-item{width:calc(100% - 20px);min-height:43px;background:rgba(64,74,91,.3);padding:9px 10px 12px;transition:.3s}
.container.giveaway .winner-item:hover{background:rgba(64,74,91,.5)}
.container.giveaway .winner-item__header,.container.giveaway .winner-item__body,.container.giveaway .winner-item__user{display:flex;align-items:center}
.container.giveaway .winner-item__user{width:calc(100% - 150px)}
.container.giveaway .winner-item__header,.container.giveaway .winner-item__body{justify-content:space-between}
.container.giveaway .winner-item__header{margin-bottom:5px;width:100%}
.container.giveaway .winner-item__icon{width:22px;height:22px;border-radius:50%;margin-right:7px}
.container.giveaway .winner-item__nickname{font-weight:400;font-size:12px;line-height:16px;color:rgb(255,255,255);text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.container.giveaway .winner-item__nickname:hover{text-decoration:none}
.container.giveaway .winner-item__num{font-weight:700;font-size:12px;line-height:16px;color:rgb(255,255,255);text-transform:uppercase;white-space:nowrap}
.container.giveaway .winner-item__num span{font-weight:400;font-size:11px;line-height:17px;color:rgba(255,255,255,.5);padding-right:5px}
.container.giveaway .winner-item__body{align-items:center}
.container.giveaway .winner-item__prize{font-size:12px;line-height:16px;color:rgb(96,206,255);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 43px)}
.container.giveaway .winner-item__price{font-size:12px;white-space:nowrap;line-height:16px;color:rgb(255,188,120)}

/* пагинация (десктоп) */
.container.giveaway .pagination-holder .count-page{font-size:12px;color:rgb(153,153,153);font-weight:lighter;text-align:center;margin-bottom:3px}
.container.giveaway .pagination-holder .pagination-wrap{display:flex;justify-content:center;background-color:transparent}
.container.giveaway .pagination-holder .pagination{margin:0px auto;padding:0px;white-space:nowrap;list-style:none}
.container.giveaway .pagination-holder .pagination li{display:inline-block;font-size:14px;color:rgb(153,153,153)}
.container.giveaway .pagination-holder .pagination li a,.container.giveaway .pagination-holder .pagination li span{padding:5px}
.container.giveaway .pagination-holder .pagination li a{font-size:16px;color:rgb(153,153,153);text-decoration:none;display:inline-block}
.container.giveaway .pagination-holder .pagination li a:hover{background-color:rgba(64,74,91,.5)}
.container.giveaway .pagination-holder .pagination li.next a,.container.giveaway .pagination-holder .pagination li.next span{padding-right:7px}
.container.giveaway .pagination-holder .pagination li.prev a,.container.giveaway .pagination-holder .pagination li.prev span{padding-left:7px}
.container.giveaway .pagination-holder .pagination li.active a{font-weight:bold;color:rgb(255,255,255)}
.container.giveaway .pagination-holder .pagination li.prev.disabled span,.container.giveaway .pagination-holder .pagination li.next.disabled span{opacity:.4;cursor:default}
.container.giveaway .pagination-holder .pagination li img{vertical-align:middle}

/* кнопка «ещё» — только мобилка */
.container.giveaway .more{display:none;position:absolute;bottom:-13px;left:calc(50% - 16px);width:30px;height:30px;border:.1em double transparent;border-radius:30px;background-origin:border-box;background-clip:content-box,border-box;padding:0px;cursor:pointer}
.container.giveaway .more svg{font-size:.8rem;width:.8em;height:.8em;transform:rotate(90deg) translateX(1px)}
.container.giveaway .more.__blue{background-image:linear-gradient(rgb(35,49,63),rgb(35,49,63)),linear-gradient(rgb(29,167,228),rgb(135,230,167))}
.container.giveaway .more.__blue svg{fill:rgb(96,206,255)}
.container.giveaway .more.__lavender{background-image:linear-gradient(rgb(42,48,64),rgb(42,48,64)),linear-gradient(rgb(159,139,255),rgb(135,230,167))}
.container.giveaway .more.__lavender svg{fill:rgb(186,172,255)}
.container.giveaway .more.__purple{background-image:linear-gradient(rgb(43,45,62),rgb(43,45,62)),linear-gradient(rgb(196,85,207),rgb(135,230,167))}
.container.giveaway .more.__purple svg{fill:rgb(236,140,246)}

/* градиентные рамки/фоны */
.container.giveaway ._gradient-border{border:1px solid;border-image:linear-gradient(rgb(29,167,228) 0%,rgb(36,43,55) 100%) 1/1/0 stretch}
.container.giveaway ._gradient-border_lavender{border-image-source:linear-gradient(rgb(159,139,255) 0%,rgb(36,43,55) 100%)}
.container.giveaway ._gradient-border_purple{border-image-source:linear-gradient(rgb(196,85,207) 0%,rgb(36,43,55) 100%)}
.container.giveaway ._gradient-border_reverse_blue{border-image-source:linear-gradient(rgb(36,43,55) 0%,rgba(29,167,228,.3) 100%)}
.container.giveaway ._gradient-border_reverse_lavender{border-image-source:linear-gradient(rgb(36,43,55) 0%,rgba(159,139,255,.3) 100%)}
.container.giveaway ._gradient-border_reverse_purple{border-image-source:linear-gradient(rgb(36,43,55) 0%,rgba(196,85,207,.3) 100%)}
.container.giveaway ._gradient-bg{background:linear-gradient(90deg,rgba(29,167,228,.2) 0%,rgba(33,228,29,.2) 100%)}
.container.giveaway ._gradient-bg_lavender{background:linear-gradient(90deg,rgba(159,139,255,.2) 0%,rgba(33,228,29,.2) 100%)}
.container.giveaway ._gradient-bg_purple{background:linear-gradient(90deg,rgba(173,68,184,.2) 0%,rgba(33,228,29,.2) 100%)}
.container.giveaway ._progress-blue{background:rgba(29,167,228,.2)}
.container.giveaway ._progress-blue::-webkit-progress-bar{background:rgba(29,167,228,.2)}
.container.giveaway ._progress-blue::-webkit-progress-value{background:rgb(29,167,228)}
.container.giveaway ._progress-blue::-moz-progress-bar{background:rgb(29,167,228)}
.container.giveaway ._progress-lavender{background:rgba(159,139,255,.2)}
.container.giveaway ._progress-lavender::-webkit-progress-bar{background:rgba(159,139,255,.2)}
.container.giveaway ._progress-lavender::-webkit-progress-value{background:rgb(159,139,255)}
.container.giveaway ._progress-lavender::-moz-progress-bar{background:rgb(159,139,255)}
.container.giveaway ._progress-purple{background:rgba(173,68,184,.2)}
.container.giveaway ._progress-purple::-webkit-progress-bar{background:rgba(173,68,184,.2)}
.container.giveaway ._progress-purple::-webkit-progress-value{background:rgb(196,85,207)}
.container.giveaway ._progress-purple::-moz-progress-bar{background:rgb(196,85,207)}
.container.giveaway ._blue-bg{background:linear-gradient(rgba(29,167,228,0) 0%,rgba(29,167,228,.05) 100%),rgb(36,43,55)}
.container.giveaway ._lavender-bg{background:linear-gradient(rgba(159,139,255,0) 0%,rgba(159,139,255,.05) 100%),rgb(36,43,55)}
.container.giveaway ._purple-bg{background:linear-gradient(rgba(196,85,207,0) 0%,rgba(196,85,207,.05) 100%),rgb(36,43,55)}
.container.giveaway ._lavender{color:rgb(186,172,255)}
.container.giveaway ._purple{color:rgb(236,140,247)}

@media only screen and (max-width:950px){
  .container.giveaway .more{display:block}
  .container.giveaway .pagination-holder{display:none}
  .container.giveaway .body-giveaway__header svg.icon-cup{top:-2px}
  .container.giveaway .body-giveaway__title{margin-bottom:11px}
  .container.giveaway .body-giveaway__winners-list ul .winner-item:not(:first-child){display:none}
  .container.giveaway .giveaway__top{margin-bottom:0px;padding-bottom:20px}
  .container.giveaway .giveaway__item:last-child{margin-bottom:15px}
  .container.giveaway .show-more .pagination-holder{display:block}
  .container.giveaway .show-more .body-giveaway__winners-list ul .winner-item:not(:first-child){display:block}
}
@media only screen and (max-width:550px){
  .container.giveaway h1.page-title{margin:15px 0px 45px !important}
  .container.giveaway .rules{left:50%;margin-left:-81px;top:50px !important}
}
@media only screen and (max-width:400px){
  .container.giveaway .top-giveaway{width:320px}
  .container.giveaway .body-giveaway{width:298px}
}

/* прелоадер при переключении страниц победителей (как в оригинале) */
.container.giveaway .body-giveaway__winners-list{position:relative}
.container.giveaway .body-giveaway__winners-list.in-loading ul{opacity:.35;transition:opacity .15s}
.container.giveaway .body-giveaway__winners-list .loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2}
.container.giveaway .lds-ellipsis{display:inline-block;position:relative;width:80px;height:20px}
.container.giveaway .lds-ellipsis div{position:absolute;top:4px;width:11px;height:11px;border-radius:50%;background:#fff;animation-timing-function:cubic-bezier(0,1,1,0)}
.container.giveaway .lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite}
.container.giveaway .lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}
.container.giveaway .lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}
.container.giveaway .lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}
@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}
@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}
@keyframes lds-ellipsis2{0%{transform:translate(0,0)}100%{transform:translate(24px,0)}}