/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.text-align-left{text-align:left;}.text-align-right{text-align:right;}.text-align-center{text-align:center;}.text-align-justify{text-align:justify;}.align-left{float:left;}.align-right{float:right;}.align-center{display:block;margin-right:auto;margin-left:auto;}
.container-inline div,.container-inline label{display:inline-block;}.container-inline .details-wrapper{display:block;}.container-inline .hidden{display:none;}
.clearfix::after{display:table;clear:both;content:"";}
.hidden{display:none;}.visually-hidden{position:absolute !important;overflow:hidden;clip:rect(1px,1px,1px,1px);width:1px;height:1px;word-wrap:normal;}.visually-hidden.focusable:active,.visually-hidden.focusable:focus-within{position:static !important;overflow:visible;clip:auto;width:auto;height:auto;}.invisible{visibility:hidden;}
.js .js-hide{display:none;}.js-show{display:none;}.js .js-show{display:block;}@media (scripting:enabled){.js-hide.js-hide{display:none;}.js-show{display:block;}}
.compare-wrapper{position:relative;width:100%;height:400px;overflow:hidden;border-radius:12px;user-select:none;background:#1a1a1a;box-shadow:0 20px 40px rgba(0,0,0,0.5);}.compare-layer{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;}.compare-layer-base{z-index:1;}.compare-layer-top{z-index:2;width:50%;border-right:3px solid #00f2ff;box-shadow:5px 0 30px rgba(0,242,255,0.4);filter:brightness(1.1) contrast(1.1) saturate(1.2);}.compare-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:linear-gradient(135deg,#604aa1,#503b8f);border-radius:50%;z-index:10;cursor:ew-resize;box-shadow:0 0 20px rgba(0,242,255,0.8);display:flex;align-items:center;justify-content:center;transition:transform 0.2s ease,box-shadow 0.2s ease;}.compare-handle:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 35px rgba(0,242,255,1);}.compare-handle::before{content:'↔';color:white;font-size:22px;font-weight:bold;text-shadow:0 2px 4px rgba(0,0,0,0.3);}.compare-label{position:absolute;top:20px;padding:6px 15px;background:rgba(0,0,0,0.1);backdrop-filter:blur(10px);border-radius:8px;font-weight:600;font-size:18px;z-index:5;letter-spacing:0.5px;border:1px solid rgba(255,255,255,0.1);}.compare-label-top{left:20px;color:#fff;}.compare-label-base{right:20px;color:#9ca3af;}.ispYS-cons{width:48%;border-bottom:1px solid #e6e6e6;display:flex;flex-direction:column;}.ispYS-cons .page{position:absolute;right:0;top:0.45rem;color:#d4d4d4;}.ispYS-cons .ico{width:max(38px,0.52rem);}.ispYS-cons .btn{transition:all .4s ease;border-radius:40px;user-select:none;cursor:pointer;border:1px solid #d8d8d8;padding:0 12px;height:max(34px,0.44rem);}.ispYS-cons .btn i,.ispYS-cons .btn span{transition:all .4s ease;}.ispYS-cons .btn span{display:block;}.ispYS-cons .btn i{display:block;font-size:10px;margin-right:max(8px,0.12rem);}.ispYS-cons .btn svg{color:#503b8f;padding-right:5px;font-size:max(20px,0.2rem);}.ispYS-cons .btn:hover{background:#503b8f;border-color:#503b8f;}.ispYS-cons .btn:hover i,.ispYS-cons .btn:hover span{color:#fff;}.ispYS .ispYS-item{padding-bottom:50px;}.ispYS .btn-box{margin-bottom:30px;}.ispYS-imgs{width:48%}@media (max-width:768px){.compare-wrapper{height:300px;}.compare-label{font-size:12px;padding:8px 12px;}.ispYS-cons{width:100%;margin-top:20px;padding:0 0 30px;}.ispYS-imgs{width:100%}}
