/* GIESOFT MONITOR DETAIL V20 — clean */
html.gsmd-page .catalog-detail__bottom-info{gap:16px!important;margin-top:40px!important}
html.gsmd-page .catalog-detail__bottom-info .tabs-block{display:none!important}
html.gsmd-page .gsmd-detail{margin:0;padding:28px 30px;border:1px solid #23262f;border-radius:16px;background:#14161c;max-width:100%;overflow:hidden;font-family:Montserrat,Arial,sans-serif;visibility:hidden}
html.gsmd-page .gsmd-detail[data-gsmd-moved="1"]{visibility:visible}
html.gsmd-page .gsmd-detail *{min-width:0}
html.gsmd-page .gsmd-detail__title{margin:0 0 20px!important;color:#fff!important;font-size:20px!important;font-weight:700!important;letter-spacing:-.01em;line-height:1.25!important}
html.gsmd-page .gsmd-specs{margin:0;display:grid;gap:30px}
html.gsmd-page .gsmd-specs__group{min-width:0;max-width:100%}
html.gsmd-page .gsmd-specs__group-title{display:flex;align-items:center;gap:9px;margin:0 0 8px;padding-bottom:10px;border-bottom:1px solid #2a2e3a;color:#fff;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.055em}
html.gsmd-page .gsmd-specs__group-title:before{content:"";width:3px;height:13px;border-radius:2px;background:#5b4ce6}
html.gsmd-page .gsmd-specs__list{margin:0}
html.gsmd-page .gsmd-specs__row{display:flex;align-items:baseline;gap:10px;padding:10px 11px;border:0;border-radius:8px;font-size:14px;line-height:1.5;transition:background .15s ease}
html.gsmd-page .gsmd-specs__row:nth-child(odd){background:#191b23}
html.gsmd-page .gsmd-specs__row:hover{background:#1f2230}
html.gsmd-page .gsmd-specs dt{display:flex;align-items:center;gap:6px;flex:0 1 auto;color:#9598a8;font-weight:400}
html.gsmd-page .gsmd-specs__row:after{content:"";flex:1 1 auto;min-width:14px;height:1px;margin-bottom:4px;border-bottom:1px dotted #353949;order:1}
html.gsmd-page .gsmd-specs dd{order:2;margin:0;flex:0 0 auto;max-width:55%;color:#fff;font-weight:600;text-align:right;overflow-wrap:anywhere}
@media(min-width:980px){html.gsmd-page .gsmd-specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 44px}}
html.gsmd-page .gsmd-hint{display:inline-grid;place-items:center;width:17px;height:17px;padding:0;border:0;border-radius:50%;background:none;color:#6e7284;cursor:help}
html.gsmd-page .gsmd-about__head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
html.gsmd-page .gsmd-about__head .gsmd-detail__title{margin-bottom:0!important}
html.gsmd-page .gsmd-brand-logo{flex:0 0 auto;padding:9px 16px;border:1px solid #2a2d38;border-radius:11px;background:#fff}
html.gsmd-page .gsmd-brand-logo img{display:block;max-width:120px;max-height:34px;object-fit:contain}
html.gsmd-page .gsmd-about__text{color:#c6c8d3;font-size:15px;line-height:1.7;overflow:hidden}
html.gsmd-page .gsmd-about__text p{margin:0 0 10px}
html.gsmd-page .gsmd-about__text p:last-child{margin-bottom:0}
html.gsmd-page .gsmd-about.is-collapsed .gsmd-about__text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
html.gsmd-page .gsmd-about__toggle{display:inline-flex;align-items:center;gap:7px;margin-top:12px;padding:0;border:0;background:none;color:#9183ff;font-size:14px;font-weight:600;cursor:pointer}
html.gsmd-page .gsmd-about__toggle:hover{color:#bdb3ff}
html.gsmd-page .gsmd-about__toggle svg{width:16px;height:16px;transition:transform .2s ease}
html.gsmd-page .gsmd-about.is-open .gsmd-about__toggle svg{transform:rotate(180deg)}
html.gsmd-page .gsmd-files__count{display:inline-grid;place-items:center;min-width:24px;height:24px;margin-left:6px;padding:0 7px;border-radius:7px;background:#232633;color:#b6b8c6;font-size:13px;font-weight:600;vertical-align:middle}
html.gsmd-page .gsmd-files{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
html.gsmd-page .gsmd-file{display:flex;align-items:center;gap:13px;padding:14px 16px;border:1px solid #262936;border-radius:12px;background:#181a21;color:inherit;text-decoration:none}
html.gsmd-page .gsmd-file__icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:10px;background:#232633;color:#b3a9ff}
html.gsmd-page .gsmd-file__icon svg{width:19px;height:19px}
html.gsmd-page .gsmd-file__body{display:flex;flex-direction:column;gap:3px;min-width:0}
html.gsmd-page .gsmd-file__name{color:#eceef4;font-size:14px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
html.gsmd-page .gsmd-file__meta{color:#8c8e9c;font-size:12px}
html.gsmd-page .gsmd-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
html.gsmd-page .gsmd-fit__item{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid #242734;border-radius:12px;background:#191b23}
html.gsmd-page .gsmd-fit__label{color:#8c8e9c;font-size:12px;text-transform:uppercase;letter-spacing:.05em}
html.gsmd-page .gsmd-fit__value{color:#fff;font-size:20px;font-weight:700;line-height:1.2;letter-spacing:-.01em;overflow-wrap:anywhere}
html.gsmd-page .gsmd-fit__note{color:#9ea0af;font-size:13px;line-height:1.55}
/* Штатные дубли описания/характеристик не выводим. */
html.gsmd-page .properties-wrapper{display:none!important}
html.gsmd-page .catalog-detail__previewtext{display:none!important}
html.gsmd-page .nav-tabs li:has(a[href="#desc"]),html.gsmd-page #desc{display:none!important}
html.gsmd-page .nav-tabs li:has(a[href="#char"]),html.gsmd-page #char{display:none!important}
html.gsmd-page .catalog-detail__pseudo-link-chars{display:none!important}
/* DNS-style notice. */
html.gsmd-page .gsmd-monitor-notice{display:flex!important;align-items:flex-start!important;gap:12px!important;width:100%!important;box-sizing:border-box!important;margin:0!important;padding:15px 17px!important;border:1px solid #b9d9ee!important;border-radius:8px!important;background:#eaf6fd!important;color:#28485c!important;font-family:Montserrat,Arial,sans-serif!important}
html.gsmd-page .gsmd-monitor-notice__icon{flex:0 0 23px!important;width:23px!important;height:23px!important;border:1px solid #78a9c7!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#4c82a4!important;font-size:14px!important;font-weight:700!important;line-height:1!important}
html.gsmd-page .gsmd-monitor-notice__text{min-width:0!important;font-size:13px!important;line-height:1.52!important;color:#28485c!important}
html.gsmd-page .gsmd-monitor-notice__text br{content:"";display:block;margin:4px 0}
html.gsmd-page .gsmd-monitor-trust{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:0!important}
html.gsmd-page .gsmd-monitor-trust__item{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;padding:13px 14px!important;background:#202124!important;border:1px solid #303238!important;border-radius:10px!important;box-sizing:border-box!important}
html.gsmd-page .gsmd-monitor-trust__icon{width:25px!important;height:25px!important;flex:0 0 25px!important;color:#9d91ff!important}
html.gsmd-page .gsmd-monitor-trust__icon svg{display:block!important;width:25px!important;height:25px!important}
html.gsmd-page .gsmd-monitor-trust__body{min-width:0!important}
html.gsmd-page .gsmd-monitor-trust__value{display:block!important;color:#f3f3f5!important;font-size:14px!important;font-weight:700!important;line-height:1.2!important}
html.gsmd-page .gsmd-monitor-trust__label{display:block!important;margin-top:3px!important;color:#9697a2!important;font-size:11px!important;line-height:1.25!important}
/* Значок «Игровой»: тот же PNG, позиция как в GPU gallery host. */
html.gsmd-page .detail-gallery-big-slider-main{position:relative}
html.gsmd-page .gsmd-gpu-badge{position:absolute;top:16px;right:16px;z-index:8;display:block;width:40px;height:40px;border-radius:50%;background:transparent;overflow:hidden;filter:drop-shadow(0 8px 14px rgba(91,76,230,.34));pointer-events:none}
html.gsmd-page .gsmd-gpu-badge img{position:absolute;left:50%;top:50%;width:48px;height:48px;max-width:none;max-height:none;transform:translate(-50%,-50%);object-fit:cover;border:0;border-radius:0;background:transparent;box-shadow:none;filter:none}
@media(max-width:767px){
html.gsmd-page .catalog-detail__bottom-info{gap:10px!important;margin-top:22px!important}
html.gsmd-page .gsmd-detail{padding:16px 14px;border-radius:13px}
html.gsmd-page .gsmd-detail__title{font-size:17px!important;margin-bottom:12px!important}
html.gsmd-page .gsmd-about__head{margin-bottom:12px;flex-direction:column;align-items:flex-start;gap:12px}
html.gsmd-page .gsmd-about__text{font-size:14px;line-height:1.6}
html.gsmd-page .gsmd-about__toggle{margin-top:9px;font-size:13px}
html.gsmd-page .gsmd-specs{gap:20px}
html.gsmd-page .gsmd-specs__row{flex-wrap:wrap;gap:2px 8px;padding:8px 9px;font-size:13px}
html.gsmd-page .gsmd-specs__row:after{display:none}
html.gsmd-page .gsmd-specs dd{max-width:100%;text-align:left;order:3;flex-basis:100%}
html.gsmd-page .gsmd-fit{gap:10px}
html.gsmd-page .gsmd-fit__item{padding:14px}
html.gsmd-page .gsmd-fit__value{font-size:18px}
html.gsmd-page .gsmd-monitor-trust{grid-template-columns:1fr!important;gap:8px!important}
html.gsmd-page .gsmd-monitor-notice{padding:13px 14px!important}
html.gsmd-page .gsmd-gpu-badge{top:10px;right:10px;width:38px;height:38px}
html.gsmd-page .gsmd-gpu-badge img{width:45px;height:45px}
}
/* === EXACT BLOCK COPIED FROM catalog.element/gpu/style.css === */
/* GIESOFT_GPU_BUYBLOCK */
/* Шаблон рисует блок покупки дважды: встроенный в левой колонке и карточкой
в правой. Тема выбирает по ширине контейнера и у видеокарт показывает
встроенный. Принудительно включаем карточку, как у готовых ПК.
Файл принадлежит шаблону catalog.element/gpu — каталог ПК его не видит. */
.catalog-detail__main-part--left .visible-by-container-rule{
display: none !important;
}
.catalog-detail__main-part--right .hidden-by-container-rule{
display: block !important;
}
.catalog-detail__main-part--right .catalog-detail__buy-block{
border: 1px solid #2a2c35 !important;
border-radius: 15px !important;
background: #1b1c22 !important;
}
.catalog-detail__main-part--right .catalog-detail__price .price_value,
.catalog-detail__main-part--right .catalog-detail__price .price_curr{
color: #ffffff !important;
}
.catalog-detail__main-part--right .catalog-detail__cart .btn{
border-radius: 11px !important;
}
.catalog-detail__main-part--right .price_txt{
margin-top: 14px;
padding: 0 2px;
}
@media (max-width: 767px){
.catalog-detail__main-part--right .catalog-detail__buy-block{
border-radius: 13px !important;
}
}
/* /GIESOFT_GPU_BUYBLOCK */
/* === EXACT META VISUAL COPIED FROM gpu-skin.css === */
html.gsmd-page .mtc-sold-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(74,222,128,.12);color:#4ade80;font-size:12px;font-weight:600;padding:5px 12px;border-radius:20px;margin-left:12px;white-space:nowrap}
html.gsmd-page .mtc-sold-badge svg{stroke:#4ade80}
html.gsmd-page .mtc-price-extra{display:flex;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}
/* Без скидки пилюля рассрочки остаётся одна — прижимать её вправо незачем */
html.gsmd-page .mtc-price-extra .mtc-price-monthly:first-child{margin-left:0}
html.gsmd-page .mtc-price-old{font-size:14px;color:rgba(255,255,255,.35);text-decoration:line-through}
html.gsmd-page .mtc-price-discount{font-size:12px;font-weight:700;color:#f87171;background:rgba(248,113,113,.12);padding:2px 8px;border-radius:6px}
html.gsmd-page .mtc-price-monthly{font-size:13px;font-weight:600;color:rgba(255,255,255,.6);margin-left:auto;display:flex;align-items:center;gap:4px;background:rgba(255,255,255,.05);padding:6px 12px;border-radius:8px}
.mtc-inst{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center}
.mtc-inst__overlay{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}
.mtc-inst__box{position:relative;width:94%;max-width:560px;background:#16171c;border:1px solid rgba(91,76,230,.15);border-radius:20px;padding:28px;box-shadow:0 40px 100px rgba(0,0,0,.6);animation:mtcInstIn .25s ease}
@keyframes mtcInstIn{from{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:none}}
.mtc-inst__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.mtc-inst__head h3{font-size:18px;font-weight:700;color:#fff;margin:0}
.mtc-inst__close{all:unset;width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}
.mtc-inst__close:hover{background:rgba(255,255,255,.12)}
.mtc-inst__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media(max-width:500px){.mtc-inst__grid{grid-template-columns:repeat(2,1fr)}}
.mtc-inst__item{background:rgba(255,255,255,.03);border:1.5px solid rgba(255,255,255,.06);border-radius:14px;padding:16px 14px;text-align:center;transition:all .2s;cursor:default}
.mtc-inst__item:hover{border-color:rgba(91,76,230,.25)}
.mtc-inst__item.is-active{border-color:rgba(91,76,230,.5);background:rgba(91,76,230,.08)}
.mtc-inst__months{font-size:12px;font-weight:600;color:rgba(255,255,255,.4);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}
.mtc-inst__pm{font-size:20px;font-weight:800;color:#fff}
.mtc-inst__pm span{font-size:12px;font-weight:500;color:rgba(255,255,255,.4);margin-left:2px}
.mtc-inst__bar{height:4px;background:rgba(255,255,255,.06);border-radius:3px;margin:10px 0 8px;overflow:hidden}
.mtc-inst__fill{height:100%;background:linear-gradient(90deg,#5b4ce6,#9b8eff);border-radius:3px}
.mtc-inst__total{font-size:11px;color:rgba(255,255,255,.3)}
.mtc-inst__note{margin-top:20px;font-size:12px;color:rgba(255,255,255,.4);text-align:center;line-height:1.5}
/* GSM_V25_GPU_MOBILE_COPY_THUMBS_START */
.gsv-mobile-copy-rail{display:none}
@media (max-width:767px){
html.gsmd-page .detail-gallery-big-wrapper.gsv-has-copy-thumbs{
position:relative!important;
overflow:visible!important;
}
html.gsmd-page .gsv-mobile-copy-rail{
display:flex!important;
position:absolute!important;
top:66px!important;
right:6px!important;
z-index:40!important;
width:44px!important;
max-height:216px!important;
flex-direction:column!important;
gap:7px!important;
margin:0!important;
padding:0!important;
overflow-y:auto!important;
overflow-x:hidden!important;
scrollbar-width:none!important;
overscroll-behavior:contain!important;
}
html.gsmd-page .gsv-mobile-copy-rail::-webkit-scrollbar{
display:none!important;
}
html.gsmd-page .gsv-mobile-copy-thumb{
appearance:none!important;
-webkit-appearance:none!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
flex:0 0 50px!important;
width:44px!important;
height:50px!important;
min-width:44px!important;
min-height:50px!important;
margin:0!important;
padding:3px!important;
border:1px solid rgba(255,255,255,.12)!important;
border-radius:9px!important;
background:#17181d!important;
box-shadow:none!important;
opacity:.58!important;
overflow:hidden!important;
}
html.gsmd-page .gsv-mobile-copy-thumb img{
display:block!important;
width:100%!important;
height:100%!important;
max-width:100%!important;
max-height:100%!important;
object-fit:contain!important;
margin:0!important;
padding:0!important;
border:0!important;
background:transparent!important;
pointer-events:none!important;
}
html.gsmd-page .gsv-mobile-copy-thumb.is-active{
opacity:1!important;
border-color:#7c6df0!important;
background:rgba(124,109,240,.12)!important;
box-shadow:0 0 0 1px rgba(124,109,240,.18)!important;
}
html.gsmd-page .detail-gallery-big-wrapper.gsv-has-copy-thumbs .swiper-pagination{
display:none!important;
}
}
/* EXACT GPU: GSV_MOBILE_ALIGN_LEFT_V4 */
@media (max-width:767px){
html.gsmd-page .detail-gallery-big-wrapper.gsv-has-copy-thumbs{
position:relative!important;
padding-right:52px!important;
box-sizing:border-box!important;
}
html.gsmd-page .detail-gallery-big-wrapper.gsv-has-copy-thumbs .gsv-gallery-host{
width:100%!important;
max-width:none!important;
margin-left:0!important;
margin-right:0!important;
transform:none!important;
}
html.gsmd-page .detail-gallery-big-wrapper.gsv-has-copy-thumbs
.detail-gallery-big-slider-main,
html.gsmd-page .detail-gallery-big-wrapper.gsv-has-copy-thumbs
.swiper-main{
width:100%!important;
max-width:none!important;
margin-left:0!important;
margin-right:0!important;
transform:none!important;
box-sizing:border-box!important;
}
html.gsmd-page .detail-gallery-big-wrapper.gsv-has-copy-thumbs
.detail-gallery-big__item,
html.gsmd-page .detail-gallery-big-wrapper.gsv-has-copy-thumbs
.swiper-slide{
margin-left:0!important;
margin-right:0!important;
}
html.gsmd-page .detail-gallery-big-wrapper.gsv-has-copy-thumbs
.gsv-mobile-copy-rail{
right:2px!important;
top:66px!important;
}
}
/* GSM_V25_GPU_MOBILE_COPY_THUMBS_END */