.faq2{font-size:14px;font-weight:550}
.divgl22{float:left;width:85%;margin:2px;padding:10px;background:#f0f0f0;border:2px solid #000;}
input[type=number]{width:75px;}
.colortext1{background-color:#ffffee;color:#00f;border:2px solid #ccc;font-size:12px;font-weight:700;text-align:center;}
.colortext3{background-color:#ffffee;color:#eb0303;border:2px solid #ccc;font-size:12px;text-align:center}
.leftimg2{float:left;margin:-14px 7px 7px 0;}
.share-buttons{display:flex;justify-content:center;align-items:center;}
.share-buttons .facebook{margin:17px;width:40px;height:40px;background:url("/manuals/facebook-pneumo.png") no-repeat #ddd;background-size:contain;border-width:3px;border-color:#D7D7D7;}
.share-buttons .twitter{margin:17px;width:40px;height:40px;background:url("/manuals/twitter-pneumo.png") no-repeat #ddd;background-size:contain;border-width:3px;border-color:#D7D7D7;}
.share-buttons .pinterest{margin:17px;width:40px;height:40px;background:url("/manuals/pinterest-pneumo.png") no-repeat #ddd;background-size:contain;border-width:3px;border-color:#D7D7D7;}
.share-buttons .email{margin:17px;width:40px;height:40px;background:url("/manuals/email.png") no-repeat #ddd;background-size:contain;border-width:3px;border-color:#D7D7D7;}
/* Контейнер для кнопки, чтобы не прыгал контент, когда она сменит позиционирование */
.css-modal-details{height:60px;display:flex;margin:-5px 5px;justify-content:center;align-items: center;}
/* Кнопка для открытия */
.css-modal-details summary{text-decoration:none;position:relative;font-size:12px;line-height:10px;padding: 10px 30px;color:#FFF;font-weight:bold;text-transform:uppercase;background:#337AB7;cursor:pointer;border:2px solid #BFE2FF;overflow:hidden;z-index:1;border-radius:8px;}
.css-modal-details summary:hover,
.css-modal-details summary:active,
.css-modal-details summary:focus {color:#26260c;}
.css-modal-details summary:before {content:'';position:absolute;top:0;right:-50px;bottom:0;left:0;border-right: 50px solid transparent;border-top:50px solid #2D6B9F;transition:transform 0.5s;transform:translateX(-100%);z-index: -1;}
.css-modal-details summary:hover:before,
.css-modal-details summary:active:before,
.css-modal-details summary:focus:before{transform:translateX(0);}
/* Кнопка при открытом окне переходит на весь экран */
.css-modal-details details[open] summary{cursor:default;opacity:0;position:fixed;left:0;top:0;z-index:3;width: 100%;height:100%;}
/* Контейнер, который затемняет страницу */
.css-modal-details details .cmc{display:flex;align-items:center;justify-content:center;}
.css-modal-details details[open] .cmc{pointer-events:none;z-index:4;position:fixed;left:0;top:0;width: 100%;height:100%;animation:bg 0.5s ease;background:rgba(51, 122, 183, 0.7);}
/* Модальное окно */
.css-modal-details details .cmt{font-family:Verdana, sans-serif;font-size:16px;padding:20px;width:80%;max-width: 600px;max-height:70%;transition:0.5s;border:6px solid #BFE2FF;border-radius:12px;background:#FFF;box-shadow:0 4px 12px rgba(0,0,0,0.2), 0 16px 20px rgba(0,0,0,0.2);text-align:center;overflow:auto;}
.css-modal-details details[open] .cmt{animation:scale 0.5s ease;z-index:4;pointer-events:auto;}
/* Декоративная кнопка с крестиком */
.css-modal-details details[open] .cmc:after{content:"";width:30px;height:30px;border:2px solid #BFE2FF;border-radius:5px;position:absolute;z-index:10;top:20px;right:20px;box-shadow:0 4px 12px rgba(0,0,0,0.2), 0 16px 20px rgba(0,0,0,0.2);background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23337AB7' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");background-color:#FFF;background-size:cover;animation:move 0.5s ease;}
/* Анимации */
@keyframes scale {0% {transform: scale(0);}100% {transform: scale(1);}}
@keyframes move {0% {right: -80px;}100% {right: 20px;}}
@keyframes bg {0% {background: rgba(51, 122, 183, 0);}100% {background: rgba(51, 122, 183, 0.7);}}

.related-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));gap: 20px;margin-top: 15px;}
/* Карточка отдельного товара */
.related-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px;transition:transform 0.2s ease;}
.related-item:hover{transform:translateY(-5px);box-shadow: 0 4px 12px rgba(0,0,0,0.1);}
/* Стили текста */
.related-item .tekst{padding:8% 2% 0px 2%;font-weight:bold;text-decoration:none;color:#333;margin-bottom:5px;}
.voting-divider{height:1px; border:none; background-color:#ccc;}
/* Таблица голосования */
.voting-table{padding:20px 2px 25px;width:78%;margin-top:20px;}
/* Стилизация списка ответов */
.voting-options label {display:block;margin-bottom:15px;cursor:pointer;}
.voting-options label:first-child {margin-top:15px;}
/* Блок с кнопкой */
.voting-actions{margin-top:10px; margin-left:15px;}
.btn-vote {height:30px;width:100px;font-size:13px;cursor:pointer;}
.feedback-form{font-family:Arial, sans-serif;line-height:1.5;}
/* Кнопка */
.form-actions input[type="submit"] {background-color:#337AB7;color:#FFF;border:none;border-radius:4px;cursor:pointer;transition:background-color 0.2s;margin:10px;height:30px; width:70px; font-size:14px;}
.form-actions input[type="submit"]:hover {background-color:#0056b3;}
.form-group{margin-bottom:5px;}
.feedback-form input[type="text"],
.feedback-form textarea{width:50%;padding:8px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size: 14px;}
.feedback-form textarea{resize:vertical; min-height:100px;}
.prod_block{border:1px solid #eee;border-radius:8px;background-color:#f0f0f0;}