

/* Start:/local/components/digitalrazor/2024.block/templates/computers/style.css?176129664453*/
.pc-card__buttons .button.hide {
    display: none;
}
/* End */


/* Start:/local/templates/dr2024/css/components/pc-cards.css?176129713912754*/
.pc-card-list{grid-column:span 12}@media (width <= 1024px){.pc-card-list{grid-column:span 6}}@media (width <= 576px){.pc-card-list{grid-column:span 2}}.pc-card{grid-column:span 4;padding-bottom:24px;background-color:var(--bg-dark);border-radius:16px}@media (width <= 1024px){.pc-card{grid-column:span 3}}@media (width < 700px){.pc-card{grid-column:span 6}}@media (width <= 576px){.pc-card{grid-column:span 2}}@media (width > 1024px){.pc-card--horizontal{grid-column:span 12;display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:0}.pc-card--horizontal .pc-card__top-container{max-width:380px;width:100%;border-right:1px solid var(--white-10)}.pc-card--horizontal .pc-card__bottom-container{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin:0;padding:24px 0}.pc-card--horizontal .pc-card__buttons,.pc-card--horizontal .pc-card__components,.pc-card--horizontal .pc-card__info{padding-inline:32px}.pc-card--horizontal .pc-card__top-container:has(.pc-card__performance){padding-bottom:24px}.pc-card--horizontal .pc-card__top-container:has(.pc-card__performance) .pc-card__image-container{padding-bottom:0;margin-bottom:24px}.pc-card--horizontal .pc-card__info{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.pc-card--horizontal .pc-card__info .pc-card__subtitle{text-align:left}.pc-card--horizontal .pc-card__credit,.pc-card--horizontal .pc-card__price-container{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.pc-card--horizontal .pc-card__buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding-bottom:32px;border-bottom:1px solid var(--white-10)}.pc-card--horizontal .pc-card__buttons .button{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:auto!important;padding:12px 0!important}.pc-card--horizontal .pc-card__buttons .button-right span{display:block}.pc-card--horizontal .pc-card__buttons .button-right svg{display:none}.pc-card--horizontal .pc-card__components{display:grid;grid-template-columns:repeat(6,1fr);padding-top:16px}.pc-card--horizontal .pc-card__components.qnt_3 .pc-card__component{grid-column:span 3}.pc-card--horizontal .pc-card__components.qnt_3 .pc-card__component:nth-child(3){grid-column:span 6}.pc-card--horizontal .pc-card__components.qnt_4 .pc-card__component,.pc-card--horizontal .pc-card__components.qnt_5 .pc-card__component:nth-last-child(-n+2){grid-column:span 3}.pc-card--horizontal .pc-card__components.qnt_6 .pc-card__component{grid-column:span 2}.pc-card--horizontal .pc-card__component{grid-column:span 2;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;row-gap:10px;padding:16px}.pc-card--horizontal .pc-card__component svg:not(.pc-card__component-icon){justify-self:flex-end}.pc-card--horizontal .pc-card__component:nth-child(n+4){display:grid}.pc-card--horizontal .pc-card__component-info{grid-column:span 2;grid-row:2}}.pc-card__buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.pc-card__buttons .button{width:100%}.pc-card__buttons .button-left,.pc-card__buttons .button-right{padding:12px 0}.pc-card__buttons .button-left svg,.pc-card__buttons .button-right span{display:none}@media (width >= 700px){.pc-card__buttons:has(.button-right) .button-left{width:calc(100% - 48px - 8px)}.pc-card__buttons:has(.button-right) .button-right{width:48px}}@media (width < 700px){.pc-card__buttons .button{padding:8px 0;height:40px;font-size:14px;border-radius:12px}.pc-card__buttons:has(.button-right){display:grid;grid-template-columns:auto auto}.pc-card__buttons:has(.button-right) .button-first{grid-column:span 2}.pc-card__buttons:has(.button-right) .button-right svg{display:none}.pc-card__buttons:has(.button-right) .button-right span{display:block}}.pc-card__top-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.pc-card__top-container:has(.pc-card__performance) .pc-card__image-container{margin-bottom:16px}.pc-card__pagination{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px;margin-top:6px;opacity:0;-webkit-transition:opacity .15s;transition:opacity .15s}.pc-card__pagination-button{position:relative;width:100%;height:2px;background-color:var(--white-20);border-radius:4px;-webkit-transition:background-color .3s;transition:background-color .3s}.pc-card__pagination-button::after{content:"";position:absolute;top:-4px;right:0;bottom:-4px;left:0}.pc-card__pagination-button--active{background-color:var(--white-60)}.pc-card__image-container{padding:8px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.pc-card__image{position:relative;padding:16px 12px 8px;height:100%;background-color:var(--gray);border-radius:8px}.pc-card__image .slider-container{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-height:calc(100% - 6px - 2px)}.pc-card__image .slider-container>.pc-card-slider{max-width:100%;margin:auto}.pc-card__badges{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:4px;position:absolute;top:8px;right:8px;left:8px;z-index:2}.pc-card__badge{display:-webkit-box;display:-ms-flexbox;display:flex;padding:4px 10px 5px 3px;font-weight:500;font-size:12px;line-height:16px;color:var(--white);background-color:var(--white-10);border-radius:12px}.pc-card__badge--yellow .pc-card__badge-dot span{background-color:var(--yellow)}.pc-card__badge--green .pc-card__badge-dot span{background-color:var(--green)}.pc-card__badge--blue .pc-card__badge-dot span{background-color:var(--blue)}.pc-card__badge-dot{padding:7px 6px 5px}.pc-card__badge-dot span{display:block;width:4px;height:4px;background-color:var(--white);border-radius:4px}.pc-card__view-button{position:absolute;right:16px;bottom:16px;width:40px;height:24px;z-index:2}.pc-card__view-button svg{width:40px;height:24px;fill:var(--white)}.pc-card__view-button::after{content:"";position:absolute;inset:-2px}.pc-card__performance{margin-bottom:8px;padding:0 24px}.pc-card__performance .pc-card__subtitle{margin-bottom:16px}.pc-card__performance-items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:32px}.pc-card__performance-item{position:relative}.pc-card__performance-item-value{position:absolute;bottom:6px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);font-weight:500;font-size:14px;line-height:20px;white-space:nowrap;color:var(--white-60)}.pc-card__bottom-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;margin:16px 0 0}.pc-card__buttons,.pc-card__components,.pc-card__info{padding:0 24px}@media (width < 700px){.pc-card__buttons,.pc-card__components,.pc-card__info{padding:0 16px}}.pc-card__info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pc-card__subtitle,.pc-card__title{text-align:center}.pc-card__subtitle{margin-bottom:2px;font-size:14px;font-weight:500;line-height:20px;color:var(--white-60)}.pc-card__title{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--ffamily-second);font-weight:400;font-size:24px;line-height:32px;color:var(--white);-webkit-transition:color .3s;transition:color .3s}.pc-card__price-block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;margin-top:16px}.pc-card__price-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:16px}.pc-card__price{font-weight:700;font-size:18px;line-height:28px;color:var(--white)}.pc-card__old-price-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.pc-card__old-price{font-weight:500;font-size:12px;line-height:16px;text-decoration:line-through;color:var(--white-60)}.pc-card__discount{padding:4px 8px;font-weight:700;font-size:12px;line-height:16px;color:var(--red-txt);background-color:rgba(212,60,56,.2);border-radius:12px}.pc-card__credit{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;font-weight:500;font-size:14px;line-height:24px;color:var(--white-60)}.pc-card__credit:has(.pc-card__credit-button:hover) .pc-card__credit-tooltip{opacity:1;visibility:visible;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.pc-card__credit-button{width:16px;height:16px}.pc-card__credit-button svg{width:16px;height:16px;fill:var(--white-40);-webkit-transition:fill .3s;transition:fill .3s}.pc-card__credit-tooltip{position:absolute;left:0;right:0;bottom:32px;padding:16px;width:100%;max-width:332px;font-weight:500;font-size:16px;line-height:20px;color:var(--white);border-radius:16px;background:var(--light-gray);-webkit-box-shadow:0 0 20px 0 var(--black-40);box-shadow:0 0 20px 0 var(--black-40);opacity:0;visibility:hidden;-webkit-transform:translateY(-8px);-ms-transform:translateY(-8px);transform:translateY(-8px);-webkit-transition:opacity .5s ease-in-out,visibility .5s ease-in-out,-webkit-transform .5s ease-in-out;transition:opacity .5s ease-in-out,visibility .5s ease-in-out,transform .5s ease-in-out,-webkit-transform .5s ease-in-out;z-index:2}.pc-card__components{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.pc-card__component{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;padding:8px 16px;background-color:var(--gray);border-radius:8px}.pc-card__component:nth-child(n+4){display:none}.pc-card__component-icon{-ms-flex-negative:0;flex-shrink:0;width:24px;height:24px;fill:var(--white-40)}.pc-card__component-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.pc-card__component-name,.pc-card__component-type{font-weight:500;font-size:14px;line-height:20px}.pc-card__component-type{color:var(--white-60)}.pc-card__component-name{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;color:var(--white)}.pc-card__button-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pc-card__button-line{width:100%;height:1px;background-color:var(--white-10)}.pc-card__button-line:first-child{margin-right:1px}.pc-card__button-line:last-child{margin-left:1px}.pc-card__button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;-ms-flex-negative:0;flex-shrink:0;padding:7px 16px 9px 24px;font-weight:500;font-size:14px;line-height:20px;color:var(--white);border-radius:18px;outline:1px solid var(--white-10);background-color:var(--bg-dark);-webkit-transition:background-color .3s;transition:background-color .3s}.pc-card__button svg{-ms-flex-negative:0;flex-shrink:0;width:16px;height:16px;fill:var(--white)}@media (any-hover:hover){.pc-card__pagination-button:not(.pc-card__pagination-button--active):hover{background-color:var(--white-40)}.pc-card__image:hover .pc-card__pagination{opacity:1}.pc-card__info a:hover .pc-card__title{color:var(--light-blue)}.pc-card__credit-button:hover svg{fill:var(--white-60)}.pc-card__button:hover{background-color:var(--gray)}}.pc-card .slider-container.before-init{min-height:340px}.pc-card .slider-container.before-init .pc-card-slider__slide:not(:first-child){display:none}.pc-card-slider{padding:0}.pc-card-slider__slide img{max-width:340px;max-height:340px;width:100%;height:100%;margin:0 auto}@media (width < 700px){.pc-card .slider-container.before-init{min-height:280px}.pc-card-slider__slide img{max-width:280px;max-height:280px}}
/* End */
/* /local/components/digitalrazor/2024.block/templates/computers/style.css?176129664453 */
/* /local/templates/dr2024/css/components/pc-cards.css?176129713912754 */
