/* Start:/local/templates/lot/css/tokens.css?17787708113980*/
/*
 * Дизайн-токены сайта лесопторгуфа.рф
 * Полная дизайн-система — единый источник правды для всех значений
 *
 * Главный цвет: зелёный (#00ad5d)
 * Шрифт: Roboto
 * Принцип: ничего вне этого файла, всё через переменные
 */

:root {
    /* ===== БРЕНДОВЫЕ ЦВЕТА ===== */
    --color-primary:        #00ad5d;
    --color-primary-dark:   #027b43;
    --color-primary-light:  #a8d95b;

    --color-green-leaf:     #63aa28;

    --color-accent:         #f4b236;
    --color-accent-light:   #f9d857;
    --color-accent-dark:    #ee9200;

    --gradient-cta: linear-gradient(
        to bottom,
        rgba(250, 222, 112, 1) 0%,
        rgba(249, 216, 87, 1) 16%,
        rgba(247, 202, 75, 1) 33%,
        rgba(247, 201, 94, 1) 50%,
        rgba(246, 192, 66, 1) 66%,
        rgba(244, 178, 54, 1) 100%
    );

    /* ===== СВЕТЛЫЙ INFO-БЛОК (intro, утилитарные hero) ===== */
    --color-bg-green-tint-2:  #e8f5ee;
    --gradient-info-light:    linear-gradient(135deg, var(--color-bg-green-tint) 0%, var(--color-bg-green-tint-2) 100%);

    /* ===== БАЗОВАЯ ШКАЛА ===== */
    --color-white:          #ffffff;
    --color-black:           #000000;

    --color-text:           #304351;
    --color-text-dark:      #1f2d38;
    --color-text-muted:     #696969;

    --color-border:         #e5e5e5;
    --color-border-light:   #f1f1f1;

    --color-bg-light:       #f9f9f9;
    --color-bg-green-tint:  #f3f9f5;

    /* ===== СОСТОЯНИЯ ===== */
    --color-danger:         #c11d1d;
    --color-danger-bright:  #ff0000;
    --color-danger-bg:      #f8dbdb;
    --color-success:        #00ad5d;
    --color-warning:        #f4b236;

    /* ===== ТЕНИ ===== */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.15);
    --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.2);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.4);

    /* ===== РАЗМЕРЫ ШРИФТОВ ===== */
    --font-size-xs:    12px;
    --font-size-sm:    14px;
    --font-size-base:  16px;
    --font-size-lg:    18px;
    --font-size-h4:    20px;
    --font-size-h3:    22px;
    --font-size-h2:    24px;
    --font-size-h1:    28px;
    --font-size-hero:  48px;

    /* Мобильные размеры */
    --font-size-h1-mobile:    22px;
    --font-size-h2-mobile:    20px;
    --font-size-h3-mobile:    18px;
    --font-size-hero-mobile:  32px;

    /* ===== ВЕС ШРИФТА ===== */
    --fw-light:    300;
    --fw-regular:  400;
    --fw-medium:   500;
    --fw-bold:     500;
    --fw-semibold: 600;

    /* ===== LINE HEIGHT ===== */
    --lh-tight:  1.25;
    --lh-base:   1.5;
    --lh-loose:  1.7;

    /* ===== ОТСТУПЫ (шкала space) ===== */
    --space-0:   0;
    --space-1:   4px;
    --space-2:   8px;
    --space-3:   16px;
    --space-4:   20px;
    --space-5:   24px;
    --space-6:   32px;
    --space-8:   48px;
    --space-10:  64px;

    /* ===== РАДИУСЫ ===== */
    --radius-sm:    3px;
    --radius-md:    6px;
    --radius-lg:    12px;
    --radius-full:  50%;

    /* ===== БРЕЙКПОИНТЫ (для документации; в @media используются числа) ===== */
    --bp-sm:    576px;
    --bp-md:    768px;
    --bp-lg:    992px;
    --bp-xl:    1200px;

    /* ===== ГЛУБОКИЙ АКЦЕНТ (для info-блоков: hero, CTA) ===== */
    --color-accent-deep-1:  #1d3d37;
    --color-accent-deep-2:  #244b43;
    --color-accent-deep-3:  #2b5850;
    --gradient-accent-deep: linear-gradient(145deg, var(--color-accent-deep-1) 0%, var(--color-accent-deep-2) 52%, var(--color-accent-deep-3) 100%);

    /* ===== УСТАРЕВШЕЕ (legacy) ===== */
    --legacy-blue:        #006fcb;
    --legacy-blue-light:  #26b0e4;
    --legacy-blue-dark:   #0052bf;
    --legacy-brown:       #a9331c;
    --legacy-brown-dark:  #6a2112;
}

/* End */


/* Start:/local/templates/lot/css/bootstrap.min.css?1630310146122382*/
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (https://getbootstrap.com/docs/3.3/customize/?id=8383b3f59db90653a78b805fc9f80efe)
 * Config saved to config.json and https://gist.github.com/8383b3f59db90653a78b805fc9f80efe
 *//*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,*:before,*:after{background:transparent !important;color:#000 !important;-webkit-box-shadow:none !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000 !important}.label{border:1px solid #000}.table{border-collapse:collapse !important}.table td,.table th{background-color:#fff !important}.table-bordered th,.table-bordered td{border:1px solid #ddd !important}}@font-face{font-family:'Glyphicons Halflings';src:url('/local/templates/lot/css/../fonts/glyphicons-halflings-regular.eot');src:url('/local/templates/lot/css/../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('/local/templates/lot/css/../fonts/glyphicons-halflings-regular.woff2') format('woff2'),url('/local/templates/lot/css/../fonts/glyphicons-halflings-regular.woff') format('woff'),url('/local/templates/lot/css/../fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('/local/templates/lot/css/../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-euro:before,.glyphicon-eur:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:normal;line-height:1;color:#777}h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}small,.small{font-size:85%}mark,.mark{background-color:#fcf8e3;padding:.2em}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:hover,a.text-primary:focus{color:#286090}.text-success{color:#3c763d}a.text-success:hover,a.text-success:focus{color:#2b542c}.text-info{color:#31708f}a.text-info:hover,a.text-info:focus{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:hover,a.text-warning:focus{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover,a.text-danger:focus{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:hover,a.bg-primary:focus{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:hover,a.bg-success:focus{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover,a.bg-info:focus{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover,a.bg-warning:focus{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover,a.bg-danger:focus{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}dl{margin-top:0;margin-bottom:20px}dt,dd{line-height:1.42857143}dt{font-weight:bold}dd{margin-left:0}@media (min-width:992px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote footer:before,blockquote small:before,blockquote .small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;text-align:right}.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:''}.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.25)}kbd kbd{padding:0;font-size:100%;font-weight:bold;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*="col-"]{position:static;float:none;display:table-column}table td[class*="col-"],table th[class*="col-"]{position:static;float:none;display:table-cell}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr.active:hover>th{background-color:#e8e8e8}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6}.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:#d9edf7}.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc}.table-responsive{overflow-x:auto;min-height:0.01%}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}fieldset{padding:0;margin:0;border:0;min-width:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:bold}input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type="file"]{display:block}input[type="range"]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{border:0;background-color:transparent}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type="search"]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type="date"].form-control,input[type="time"].form-control,input[type="datetime-local"].form-control,input[type="month"].form-control{line-height:34px}input[type="date"].input-sm,input[type="time"].input-sm,input[type="datetime-local"].input-sm,input[type="month"].input-sm,.input-group-sm input[type="date"],.input-group-sm input[type="time"],.input-group-sm input[type="datetime-local"],.input-group-sm input[type="month"]{line-height:30px}input[type="date"].input-lg,input[type="time"].input-lg,input[type="datetime-local"].input-lg,input[type="month"].input-lg,.input-group-lg input[type="date"],.input-group-lg input[type="time"],.input-group-lg input[type="datetime-local"],.input-group-lg input[type="month"]{line-height:46px}}.form-group{margin-bottom:15px}.radio,.checkbox{position:relative;display:block;margin-top:10px;margin-bottom:10px}.radio label,.checkbox label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:normal;cursor:pointer}.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{position:absolute;margin-left:-20px;margin-top:4px \9}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:normal;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"].disabled,input[type="checkbox"].disabled,fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"]{cursor:not-allowed}.radio-inline.disabled,.checkbox-inline.disabled,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.radio.disabled label,.checkbox.disabled label,fieldset[disabled] .radio label,fieldset[disabled] .checkbox label{cursor:not-allowed}.form-control-static{padding-top:7px;padding-bottom:7px;margin-bottom:0;min-height:34px}.form-control-static.input-lg,.form-control-static.input-sm{padding-left:0;padding-right:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}textarea.input-sm,select[multiple].input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm textarea.form-control,.form-group-sm select[multiple].form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}textarea.input-lg,select[multiple].input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg textarea.form-control,.form-group-lg select[multiple].form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.input-lg+.form-control-feedback,.input-group-lg+.form-control-feedback,.form-group-lg .form-control+.form-control-feedback{width:46px;height:46px;line-height:46px}.input-sm+.form-control-feedback,.input-group-sm+.form-control-feedback,.form-group-sm .form-control+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline,.has-success.radio label,.has-success.checkbox label,.has-success.radio-inline label,.has-success.checkbox-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-success .form-control-feedback{color:#3c763d}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline,.has-warning.radio label,.has-warning.checkbox label,.has-warning.radio-inline label,.has-warning.checkbox-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline,.has-error.radio label,.has-error.checkbox label,.has-error.radio-inline label,.has-error.checkbox-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .radio label,.form-inline .checkbox label{padding-left:0}.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}@media (min-width:768px){.form-horizontal .control-label{text-align:right;margin-bottom:0;padding-top:7px}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus,.btn.focus{color:#333;text-decoration:none}.btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:focus,.btn-default.focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active:hover,.btn-default.active:hover,.open>.dropdown-toggle.btn-default:hover,.btn-default:active:focus,.btn-default.active:focus,.open>.dropdown-toggle.btn-default:focus,.btn-default:active.focus,.btn-default.active.focus,.open>.dropdown-toggle.btn-default.focus{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary:focus,.btn-primary.focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary:active:hover,.btn-primary.active:hover,.open>.dropdown-toggle.btn-primary:hover,.btn-primary:active:focus,.btn-primary.active:focus,.open>.dropdown-toggle.btn-primary:focus,.btn-primary:active.focus,.btn-primary.active.focus,.open>.dropdown-toggle.btn-primary.focus{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:focus,.btn-success.focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success:active:hover,.btn-success.active:hover,.open>.dropdown-toggle.btn-success:hover,.btn-success:active:focus,.btn-success.active:focus,.open>.dropdown-toggle.btn-success:focus,.btn-success:active.focus,.btn-success.active.focus,.open>.dropdown-toggle.btn-success.focus{color:#fff;background-color:#398439;border-color:#255625}.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled.focus,.btn-success[disabled].focus,fieldset[disabled] .btn-success.focus{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:focus,.btn-info.focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info:active:hover,.btn-info.active:hover,.open>.dropdown-toggle.btn-info:hover,.btn-info:active:focus,.btn-info.active:focus,.open>.dropdown-toggle.btn-info:focus,.btn-info:active.focus,.btn-info.active.focus,.open>.dropdown-toggle.btn-info.focus{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled.focus,.btn-info[disabled].focus,fieldset[disabled] .btn-info.focus{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:focus,.btn-warning.focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning:active:hover,.btn-warning.active:hover,.open>.dropdown-toggle.btn-warning:hover,.btn-warning:active:focus,.btn-warning.active:focus,.open>.dropdown-toggle.btn-warning:focus,.btn-warning:active.focus,.btn-warning.active.focus,.open>.dropdown-toggle.btn-warning.focus{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled.focus,.btn-warning[disabled].focus,fieldset[disabled] .btn-warning.focus{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:focus,.btn-danger.focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger:active:hover,.btn-danger.active:hover,.open>.dropdown-toggle.btn-danger:hover,.btn-danger:active:focus,.btn-danger.active:focus,.open>.dropdown-toggle.btn-danger:focus,.btn-danger:active.focus,.btn-danger.active.focus,.open>.dropdown-toggle.btn-danger.focus{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled.focus,.btn-danger[disabled].focus,fieldset[disabled] .btn-danger.focus{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#337ab7;font-weight:normal;border-radius:0}.btn-link,.btn-link:active,.btn-link.active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#777;text-decoration:none}.btn-lg,.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-sm,.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs,.btn-group-xs>.btn{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height, visibility;-o-transition-property:height, visibility;transition-property:height, visibility;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid \9;border-right:4px solid transparent;border-left:4px solid transparent}.dropup,.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;text-align:left;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);-webkit-background-clip:padding-box;background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{text-decoration:none;color:#262626;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;outline:0;background-color:#337ab7}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#777}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);cursor:not-allowed}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{left:auto;right:0}.dropdown-menu-left{left:0;right:auto}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px dashed;border-bottom:4px solid \9;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:992px){.navbar-right .dropdown-menu{left:auto;right:0}.navbar-right .dropdown-menu-left{left:0;right:auto}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle="buttons"]>.btn input[type="radio"],[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],[data-toggle="buttons"]>.btn input[type="checkbox"],[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"]{position:absolute;clip:rect(0, 0, 0, 0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*="col-"]{float:none;padding-left:0;padding-right:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn{height:auto}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:normal;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{border-bottom-right-radius:0;border-top-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{margin-bottom:0;padding-left:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#777;text-decoration:none;background-color:transparent;cursor:not-allowed}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:992px){.navbar{border-radius:4px}}@media (min-width:992px){.navbar-header{float:left}}.navbar-collapse{overflow-x:visible;padding-right:15px;padding-left:15px;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:992px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block !important;height:auto !important;padding-bottom:0;overflow:visible !important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{padding-left:0;padding-right:0}}.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:200px}}.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:-15px;margin-left:-15px}@media (min-width:992px){.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:992px){.navbar-static-top{border-radius:0}}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030}@media (min-width:992px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;padding:15px 15px;font-size:18px;line-height:20px;height:50px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:992px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;margin-right:15px;padding:9px 10px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:992px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:991px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}}@media (min-width:992px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{margin-left:-15px;margin-right:-15px;padding:10px 15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);margin-top:8px;margin-bottom:8px}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn,.navbar-form .input-group .form-control{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .radio,.navbar-form .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .radio label,.navbar-form .checkbox label{padding-left:0}.navbar-form .radio input[type="radio"],.navbar-form .checkbox input[type="checkbox"]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:991px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:992px){.navbar-form{width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:992px){.navbar-text{float:left;margin-left:15px;margin-right:15px}}@media (min-width:992px){.navbar-left{float:left !important}.navbar-right{float:right !important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background-color:#e7e7e7;color:#555}@media (max-width:991px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:hover,.navbar-default .btn-link:focus{color:#333}.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:hover,.navbar-default .btn-link[disabled]:focus,fieldset[disabled] .navbar-default .btn-link:focus{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{background-color:#080808;color:#fff}@media (max-width:991px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:hover,.navbar-inverse .btn-link:focus{color:#fff}.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:hover,.navbar-inverse .btn-link[disabled]:focus,fieldset[disabled] .navbar-inverse .btn-link:focus{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{content:"/\00a0";padding:0 5px;color:#ccc}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#337ab7;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:3;color:#fff;background-color:#337ab7;border-color:#337ab7;cursor:default}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#777;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}.pager{padding-left:0;margin:20px 0;list-style:none;text-align:center}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#777;background-color:#fff;cursor:not-allowed}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:hover,a.label:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:hover,.label-default[href]:focus{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:bold;color:#fff;line-height:1;vertical-align:middle;white-space:nowrap;text-align:center;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-xs .badge,.btn-group-xs>.btn .badge{top:0;padding:1px 5px}a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron h1,.jumbotron .h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{border-radius:6px;padding-left:15px;padding-right:15px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-left:60px;padding-right:60px}.jumbotron h1,.jumbotron .h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail>img,.thumbnail a>img{margin-left:auto;margin-right:auto}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:bold}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress-bar{float:left;width:0%;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar,.progress-bar-striped{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress.active .progress-bar,.progress-bar.active{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{zoom:1;overflow:hidden}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-left,.media-right,.media-body{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{margin-bottom:20px;padding-left:0}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:hover,button.list-group-item:hover,a.list-group-item:focus,button.list-group-item:focus{text-decoration:none;color:#555;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item.disabled,.list-group-item.disabled:hover,.list-group-item.disabled:focus{background-color:#eee;color:#777;cursor:not-allowed}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>.small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:hover .list-group-item-text,.list-group-item.active:focus .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:hover,button.list-group-item-success:hover,a.list-group-item-success:focus,button.list-group-item-success:focus{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,button.list-group-item-success.active,a.list-group-item-success.active:hover,button.list-group-item-success.active:hover,a.list-group-item-success.active:focus,button.list-group-item-success.active:focus{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:hover,button.list-group-item-info:hover,a.list-group-item-info:focus,button.list-group-item-info:focus{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,button.list-group-item-info.active,a.list-group-item-info.active:hover,button.list-group-item-info.active:hover,a.list-group-item-info.active:focus,button.list-group-item-info.active:focus{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:hover,button.list-group-item-warning:hover,a.list-group-item-warning:focus,button.list-group-item-warning:focus{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,button.list-group-item-warning.active,a.list-group-item-warning.active:hover,button.list-group-item-warning.active:hover,a.list-group-item-warning.active:focus,button.list-group-item-warning.active:focus{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:hover,button.list-group-item-danger:hover,a.list-group-item-danger:focus,button.list-group-item-danger:focus{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,button.list-group-item-danger.active,a.list-group-item-danger.active:hover,button.list-group-item-danger.active:hover,a.list-group-item-danger.active:focus,button.list-group-item-danger.active:focus{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>a,.panel-title>small,.panel-title>.small,.panel-title>small>a,.panel-title>.small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-right-radius:3px;border-top-left-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-right-radius:0;border-top-left-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.table,.panel>.table-responsive>.table,.panel>.panel-collapse>.table{margin-bottom:0}.panel>.table caption,.panel>.table-responsive>.table caption,.panel>.panel-collapse>.table caption{padding-left:15px;padding-right:15px}.panel>.table:first-child,.panel>.table-responsive:first-child>.table:first-child{border-top-right-radius:3px;border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table:last-child,.panel>.table-responsive:last-child>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child th,.panel>.table>tbody:first-child>tr:first-child td{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{border:0;margin-bottom:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.panel-body,.panel-group .panel-heading+.panel-collapse>.list-group{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{position:absolute;top:0;left:0;bottom:0;height:100%;width:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,0.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:bold;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{display:none;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0, -25%);-ms-transform:translate(0, -25%);-o-transform:translate(0, -25%);transform:translate(0, -25%);-webkit-transition:-webkit-transform 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;transition:transform 0.3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);-webkit-background-clip:padding-box;background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:normal;letter-spacing:normal;line-break:auto;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;font-size:12px;opacity:0;filter:alpha(opacity=0)}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{bottom:0;right:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:normal;letter-spacing:normal;line-break:auto;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;font-size:14px;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2)}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{margin:0;padding:8px 14px;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{border-width:10px;content:""}.popover.top>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,0.25);bottom:-11px}.popover.top>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,0.25)}.popover.right>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.popover.bottom>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,0.25);top:-11px}.popover.bottom>.arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,0.25)}.popover.left>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.carousel{position:relative}.carousel-inner{position:relative;overflow:hidden;width:100%}.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform 0.6s ease-in-out;-o-transition:-o-transform 0.6s ease-in-out;transition:transform 0.6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.next,.carousel-inner>.item.active.right{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);left:0}.carousel-inner>.item.prev,.carousel-inner>.item.active.left{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);left:0}.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right,.carousel-inner>.item.active{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);left:0}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;left:0;bottom:0;width:15%;opacity:.5;filter:alpha(opacity=50);font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6);background-color:rgba(0,0,0,0)}.carousel-control.left{background-image:-webkit-linear-gradient(left, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-image:-o-linear-gradient(left, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(0,0,0,0.5)), to(rgba(0,0,0,0.0001)));background-image:linear-gradient(to right, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)}.carousel-control.right{left:auto;right:0;background-image:-webkit-linear-gradient(left, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-image:-o-linear-gradient(left, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(0,0,0,0.0001)), to(rgba(0,0,0,0.5)));background-image:linear-gradient(to right, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)}.carousel-control:hover,.carousel-control:focus{outline:0;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;margin-top:-10px;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%;margin-left:-10px}.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%;margin-right:-10px}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;line-height:1;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #fff;border-radius:10px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0)}.carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#fff}.carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{left:20%;right:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-header:before,.modal-header:after,.modal-footer:before,.modal-footer:after{content:" ";display:table}.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-header:after,.modal-footer:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}@media (max-width:767px){.visible-xs{display:block !important}table.visible-xs{display:table !important}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media (max-width:767px){.visible-xs-block{display:block !important}}@media (max-width:767px){.visible-xs-inline{display:inline !important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block !important}table.visible-sm{display:table !important}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block !important}table.visible-md{display:table !important}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block !important}}@media (min-width:1200px){.visible-lg{display:block !important}table.visible-lg{display:table !important}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media (min-width:1200px){.visible-lg-block{display:block !important}}@media (min-width:1200px){.visible-lg-inline{display:inline !important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block !important}}@media (max-width:767px){.hidden-xs{display:none !important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}}@media (min-width:1200px){.hidden-lg{display:none !important}}.visible-print{display:none !important}@media print{.visible-print{display:block !important}table.visible-print{display:table !important}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}.visible-print-block{display:none !important}@media print{.visible-print-block{display:block !important}}.visible-print-inline{display:none !important}@media print{.visible-print-inline{display:inline !important}}.visible-print-inline-block{display:none !important}@media print{.visible-print-inline-block{display:inline-block !important}}@media print{.hidden-print{display:none !important}}
 @media (min-width: 768px) {
	.hidden-lgg {
		display: none !important;
	}
}
@media (max-width: 768px) {
	.mb-2 {
		margin-bottom:2rem;
	}
}
/* End */


/* Start:/local/templates/lot/css/site.css?1780513547249619*/
/* ============================================================
 * site.css — основные стили сайта лесопторгуфа.рф
 *
 * Структура: ОТ ОБЩЕГО К ЧАСТНОМУ
 *
 *   1. BASE          базовые HTML-теги (body, html, h1-h6, a, img)
 *   2. TYPOGRAPHY    заголовки страниц
 *   3. LAYOUT        контейнеры, секции, сетка
 *   4. COMPONENTS    шапка, подвал, модалки, кнопки, формы
 *
 * Использует переменные из tokens.css.
 * Создан: 13 мая 2026 — поэтапная миграция со старых файлов.
 * ============================================================ */


/* ============================================================
 * 1. BASE — базовые HTML-теги
 * ============================================================ */


/* ---------- Шрифты Roboto (300, 400, 500, 700) ---------- */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('/local/templates/lot/css/../fonts/roboto-v18-latin_cyrillic-300.eot');
    src: local('Roboto Light'),local('Roboto-Light'),url('/local/templates/lot/css/../fonts/roboto-v18-latin_cyrillic-300.eot?#iefix') format('embedded-opentype'),url('/local/templates/lot/css/../fonts/roboto-v18-latin_cyrillic-300.woff2') format('woff2'),url('/local/templates/lot/css/../fonts/roboto-v18-latin_cyrillic-300.woff') format('woff'),url('/local/templates/lot/css/../fonts/roboto-v18-latin_cyrillic-300.ttf') format('truetype'),url('/local/templates/lot/css/../fonts/roboto-v18-latin_cyrillic-300.svg#Roboto') format('svg')
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('/local/templates/lot/css/../fonts/roboto-v18-latin_cyrillic-regular.eot');
    src: local('Roboto'),local('Roboto-Regular'),url('/local/templates/lot/css/../fonts/roboto-v18-latin_cyrillic-regular.eot?#iefix') format('embedded-opentype'),url('/local/templates/lot/css/../fonts/roboto-v18-latin_cyrillic-regular.woff2') format('woff2'),url('/local/templates/lot/css/../fonts/roboto-v18-latin_cyrillic-regular.woff') format('woff'),url('/local/templates/lot/css/../fonts/roboto-v18-latin_cyrillic-regular.ttf') format('truetype'),url('/local/templates/lot/css/../fonts/roboto-v18-latin_cyrillic-regular.svg#Roboto') format('svg')
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('/local/templates/lot/css/../fonts/roboto-v18-latin_cyrillic-500.eot');
    src: local('Roboto Medium'),local('Roboto-Medium'),url('/local/templates/lot/css/../fonts/roboto-v18-latin_cyrillic-500.eot?#iefix') format('embedded-opentype'),url('/local/templates/lot/css/../fonts/roboto-v18-latin_cyrillic-500.woff2') format('woff2'),url('/local/templates/lot/css/../fonts/roboto-v18-latin_cyrillic-500.woff') format('woff'),url('/local/templates/lot/css/../fonts/roboto-v18-latin_cyrillic-500.ttf') format('truetype'),url('/local/templates/lot/css/../fonts/roboto-v18-latin_cyrillic-500.svg#Roboto') format('svg')
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('/local/templates/lot/css/../fonts/roboto-v18-latin_cyrillic-700.eot');
    src: local('Roboto Bold'),local('Roboto-Bold'),url('/local/templates/lot/css/../fonts/roboto-v18-latin_cyrillic-700.eot?#iefix') format('embedded-opentype'),url('/local/templates/lot/css/../fonts/roboto-v18-latin_cyrillic-700.woff2') format('woff2'),url('/local/templates/lot/css/../fonts/roboto-v18-latin_cyrillic-700.woff') format('woff'),url('/local/templates/lot/css/../fonts/roboto-v18-latin_cyrillic-700.ttf') format('truetype'),url('/local/templates/lot/css/../fonts/roboto-v18-latin_cyrillic-700.svg#Roboto') format('svg')
}


html {
    overflow-y: scroll !important;
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: var(--font-size-base);
    color: var(--color-text);
}

/* Мобильный фикс: запрет горизонтального скролла */
@media (max-width: 767px) {
    html,
    body {
        overflow-x: hidden !important;
        max-width: 100vw !important;
    }
}

/* Заголовки — типографика по умолчанию */
h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: var(--font-size-hero);
    line-height: 1.375;
}

@media (max-width: 768px) {
    h1 {
        font-size: var(--font-size-hero-mobile);
        line-height: 42px;
        text-align: center;
    }
}

h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 28px;
    line-height: 1.25;
    color: var(--color-text);
    margin: 32px 0 16px;
    text-align: left;
}

@media (max-width: 768px) {
    h2 {
        font-size: 22px;
        margin: 24px 0 12px;
    }
}

h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 32px;
    line-height: 1.44;
}

/* Ссылки */
a {
    color: var(--color-primary);
}

a:hover {
    color: var(--color-primary-dark);
    text-decoration: underline;
}

/* Убираем серую вспышку при тапе на мобильных */
a,
button,
img,
.navbar-brand,
.header-basket {
    -webkit-tap-highlight-color: transparent !important;
}

/* Картинки на мобильных — не выходят за рамки */
@media (max-width: 767px) {
    img {
        max-width: 100% !important;
        height: auto !important;
    }
}

/* ---------- мобильные и адаптивные правила раздела ---------- */

@media (max-width: 991px) {
    body {
            overflow-x: hidden !important;
        }
}

@media (max-width: 767px) {
    body {
            padding-bottom: 70px !important;
        }
    body, html {
            overflow-x: hidden;
        }
    h1,
        .container h1,
        h1.page-heading,
        .container h1.page-heading,
        section h1,
        .section-1 h1,
        body h1 {
            font-family: "Roboto", sans-serif !important;
            font-weight: 600 !important;
            font-size: 28px !important;
            line-height: 1.25 !important;
            text-transform: none !important;
            word-break: normal !important;
            overflow-wrap: break-word !important;
            white-space: normal !important;
            hyphens: none !important;
            padding: 0 !important;
            margin: 14px 0 !important;
        }
    h1,
        .container h1,
        h1.page-heading,
        body h1 {
            font-family: "Roboto", sans-serif !important;
            font-weight: 600 !important;
            font-size: 18px !important;
            line-height: 1.3 !important;
            margin: 12px 0 !important;
        }
}

/* ============================================================
 * 2. TYPOGRAPHY — заголовки страниц
 * ============================================================ */

/* ---------- Заголовок страницы (.page-heading) ----------
 * Единый стиль для всех H1 на внутренних страницах.
 * Был размазан по styles.css + template_styles.css с конфликтами.
 * Канонизирован: 22px, центрированный, подчёркнутый линией.
 */
.page-heading,
.container h1.page-heading,
.container h1.page-heading:first-of-type,
h1.page-heading {
    display: block !important;
    font-size: var(--font-size-h1-mobile) !important;
    font-weight: 500 !important;
    line-height: var(--lh-tight) !important;
    color: var(--color-text) !important;
    margin: 0 auto 18px auto !important;
    padding: 0 15px 8px 15px !important;
    border-bottom: 1px solid var(--color-border) !important;
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: center !important;
}

/* Декоративные точки «::::» слева и справа от H1 */
.container h1.page-heading::before,
.container h1.page-heading::after {
    content: "::::" !important;
    color: #c0c0c0 !important;
    letter-spacing: 3px !important;
    font-weight: 400 !important;
}

.container h1.page-heading::before { margin-right: 14px !important; }
.container h1.page-heading::after  { margin-left: 14px !important; }

/* Адаптив для page-heading */
@media (max-width: 991px) {
    .page-heading,
    .container h1.page-heading,
    .container h1.page-heading:first-of-type {
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 100% !important;
        text-align: center !important;
        white-space: normal !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        font-size: var(--font-size-h4) !important;
    }
    .container h1.page-heading::before,
    .container h1.page-heading::after {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .page-heading,
    .container h1.page-heading,
    .container h1.page-heading:first-of-type {
        font-size: var(--font-size-lg) !important;
    }
}

/* Модификатор «на всю ширину» (корневая страница каталога) */
.container h1.page-heading.page-heading--full {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center !important;
}

/* H1 в колонке каталога (col-md-9) — выравнивание влево */
.col-md-9 > h1.page-heading,
.col-md-9 > h1.page-heading:first-of-type,
.col-md-9 > h1.page-heading.product-page-heading,
.col-md-9 > h1.page-heading.product-page-heading:first-of-type {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    text-align: center !important;
}

@media (max-width: 991px) {
    .col-md-9 > h1.page-heading,
    .col-md-9 > h1.page-heading:first-of-type {
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100% !important;
    }
}

/* ---------- Главные заголовки контента (на главной странице) ---------- */

.container h1:first-of-type {
    font-size: 42px !important;
    font-weight: 400 !important;
    line-height: var(--lh-tight) !important;
    color: var(--color-text) !important;
    margin-top: 30px !important;
    margin-bottom: 15px !important;
    text-align: center !important;
}

@media (max-width: 768px) {
    .container h1:first-of-type {
        font-size: var(--font-size-hero-mobile) !important;
        margin-top: 20px !important;
    }
}

/* .container h2:first-of-type — удалено (унифицировано через базовое h2) */

/* ---------- Главное название (.main-title — заголовок секции) ---------- */

.main-title {
    font-size: 35px;
    line-height: var(--lh-tight);
}

/* Кастом main-title для секции 3 на главной */
.section-3 .main-title {
    font-weight: 400 !important;
    font-family: inherit !important;
    letter-spacing: normal !important;
}

.section-3 .main-title .italic-text {
    font-style: italic !important;
    font-weight: 400 !important;
    font-family: inherit !important;
}

/* ---------- Каталог: H1 на верхней страничке каталога ---------- */

.catalog-h1 {
    margin: 12px 0 8px !important;
    font-size: 30px;
    font-weight: 700;
    line-height: var(--lh-tight);
    color: var(--color-text);
}

@media (max-width: 768px) {
    .catalog-h1 {
        font-size: var(--font-size-h1-mobile);
    }
}

/* конец TYPOGRAPHY */


/* ============================================================
 * 3. LAYOUT — контейнеры, секции, сетка
 * ============================================================ */

/* ---------- Главный контейнер ---------- */
.container {
    max-width: 1370px;
    width: 100%;
}

@media (max-width: 767px) {
    .container,
    .container-fluid,
    .row {
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

/* Узкие столбцы каталога на мобильных */
@media (max-width: 743px) {
    .col-md-9.col-sm-8 {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
    .col-md-9.col-sm-8 > .row {
        margin-left: -4px !important;
        margin-right: -4px !important;
    }
    .col-md-9.col-sm-8 > .row > .col-xs-12 {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
}

/* ---------- Section 1 (область над контентом) ---------- */
.section-1 {
    margin-bottom: 15px;
}

/* Когда зафиксирована шапка — отступ для контента */
body.body-navbar-fixed .section-1 {
    padding-top: 95px;
}

/* ---------- Section 2 ---------- */
.section-2 {
    margin-top: 30px !important;
}

.section-2 h2 b {
    font-weight: 700 !important;
}

@media (max-width: 768px) {
    .section-2 {
        margin-top: 15px !important;
    }
}

/* ---------- Section 3 (фоновая секция с подложкой) ---------- */
.section-3 {
    margin-top: 30px !important;
    padding-bottom: 0 !important;
    background-image: url("/local/templates/lot/css/../img/footer-background.webp");
    background-repeat: no-repeat;
    background-position: bottom;
}

.section-3 .row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.section-3 .row .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.section-3 p {
    font-size: var(--font-size-h2);
    font-weight: 300;
    margin-top: 0 !important;
}

.section-3 p strong {
    font-style: italic !important;
    font-weight: 500 !important;
    letter-spacing: 0.02em !important;
}

@media (max-width: 991px) {
    .section-3 .row {
        display: block;
    }
    .section-3 .row .col-md-6 {
        flex: none;
        max-width: none;
    }
}

@media (max-width: 768px) {
    .section-3 {
        margin-top: 15px !important;
        padding-bottom: 0 !important;
    }
}

/* ---------- Section docs ---------- */
.section-docs {
    margin-top: 20px !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.section-docs h2 {
    margin-bottom: 15px !important;
}

@media (max-width: 768px) {
    .section-docs {
        margin-top: 10px !important;
    }
}

/* ---------- Section social network (соц. сети / преимущества) ---------- */
.container > .section-social_network,
.section-social_network {
    margin-top: 20px !important;
}

.section-social_network h2,
.section-social_network .col-md-5 h2 {
    text-align: left !important;
    font-size: var(--font-size-h2) !important;
    line-height: var(--lh-base) !important;
}

.section-social_network .col-md-5 {
    text-align: left !important;
}

.section-social_network ul {
    text-align: left !important;
    padding-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.section-social_network ul li {
    font-size: var(--font-size-lg);
    line-height: var(--lh-loose);
    margin-bottom: 10px;
    text-align: left !important;
}

.section-social_network h4 {
    text-align: left !important;
    margin-top: 20px;
    font-size: var(--font-size-lg);
    font-weight: 400;
    line-height: var(--lh-base);
}

.section-social_network p {
    font-size: var(--font-size-h2);
    font-weight: 300;
}

@media (max-width: 768px) {
    .container > .section-social_network,
    .section-social_network {
        margin-top: 10px !important;
    }
}

/* конец LAYOUT */

/* ---------- мобильные и адаптивные правила раздела ---------- */

@media (max-width: 768px) {
    .section-1.section-1--homepage {
            margin-top: -200px !important;
            padding-top: 20px !important;
        }
}

@media (max-width: 480px) {
    .section-1.section-1--homepage {
            margin-top: -160px !important;
        }
}

@media (max-width: 743px) {
    .section-1[style*="margin-top"],
        section.section-1 {
            margin-top: 0 !important;
        }
}

@media (min-width: 744px) and (max-width: 991px) {
    section.section-1[style*="margin-top"] {
            margin-top: calc(-56vw - 60px) !important;
        }
    .section-1 .row > .col-md-9 {
            float: none !important;
            width: 100% !important;
            padding: 0 12px;
            margin-bottom: 16px;
        }
    .section-1 .row > .col-md-3 {
            float: none !important;
            width: 100% !important;
            padding: 0 12px;
            clear: both;
            
            margin-top: 100px !important;
        }
}

@media (max-width: 767px) {
    .container.home-top-products {
            padding-left: 15px;
            padding-right: 15px;
            margin-top: 0 !important;
            margin-bottom: 0 !important;
        }
    .container.home-top-products .bx_catalog_tile_home_type_2,
        .container.home-top-products .bx_catalog_tile_section {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }
    .container.home-top-products h2,
        .container.home-top-products .bx_catalog_tile_category_title {
            margin-top: 5px !important;
            margin-bottom: 10px !important;
        }
    .container {
            max-width: 100% !important;
            padding-left: 15px !important;
            padding-right: 15px !important;
        }
    .section-1.section-1--homepage {
            padding-bottom: 0 !important;
            margin-bottom: 0 !important;
        }
    .section-1.section-1--homepage .container,
        .section-1.section-1--homepage .row,
        .section-1.section-1--homepage .catalog-menu,
        .section-1.section-1--homepage .slider-sm,
        .section-1.section-1--homepage .col-md-3,
        .section-1.section-1--homepage .col-md-9 {
            margin-bottom: 0 !important;
        }
    .features-index .col-md-3,
        .features-index .col-md-9 {
            width: 100% !important;
            max-width: 100% !important;
        }
    .features-index > .col-md-3 {
            margin-bottom: 4px !important;
        }
    .features-index .col-md-9 .row {
            display: flex;
            flex-direction: column;
            margin: 0 !important;
            gap: 0 !important;
        }
    .features-index .col-md-9 .col-md-6 {
            margin-bottom: 4px !important;
        }
    .features-index .col-md-9 .col-md-6:last-child {
            margin-bottom: 0 !important;
        }
    .features-index .col-md-9 .col-md-6 {
            width: 100% !important;
            max-width: 100% !important;
            float: none;
            padding: 0;
        }
    .features-section + .container {
            padding-top: 4px !important;
        }
    .container h1:first-of-type {
            margin-top: 8px !important;
        }
    .section-docs {
            margin-bottom: 20px !important;
        }
    .section-social_network {
            margin-top: 10px !important;
        }
    .section-social_network .row {
            flex-direction: column;
            align-items: center;
        }
    .section-social_network .col-md-5,
        .section-social_network .col-md-7 {
            width: 100% !important;
            max-width: 100% !important;
            text-align: center !important;
        }
    .section-social_network h2 {
            text-align: center !important;
        }
    .section-social_network .col-md-5,
        .section-social_network .col-md-7,
        #vk_groups {
            max-width: 100% !important;
            width: 100% !important;
            float: none !important;
            text-align: center !important;
        }
    .section-social_network h1,
        .section-social_network h2,
        .section-social_network h3,
        .section-social_network p,
        .section-social_network div {
            text-align: center !important;
        }
    .section-social_network,
        .section-social_network .col-md-7 {
            overflow-x: hidden !important;
        }
}

/* ============================================================
 * 4a. NAVBAR — шапка сайта
 * ============================================================ */

/* ---------- Главная панель шапки ---------- */
.navbar-top {
    position: relative;
    z-index: 9998 !important;
    border: none;
    border-bottom: 1px solid;
    border-radius: 0;
    width: 100%;
    background: transparent;
    border-color: rgba(0, 0, 0, 0.1);
}

/* Фиксированная при прокрутке */
.navbar-fixed-top {
    z-index: 9999 !important;
    background: var(--color-white);
    -webkit-box-shadow: var(--shadow-sm);
    box-shadow: var(--shadow-sm);
}

@media (max-width: 800px) {
    .navbar-fixed-top {
        display: block;
        position: relative;
    }
}

.navbar .dropdown-menu,
.navbar .navbar-collapse {
    z-index: 9999;
}

/* ---------- Логотип ---------- */
.navbar-brand {
    height: 85px;
    padding: 12px 15px;
}

.navbar-brand img {
    width: 80px;
}

/* ---------- Иконки соцсетей в шапке ---------- */
.navbar-social {
    line-height: 80px;
    padding-right: 50px;
}

@media (max-width: 1400px) {
    .navbar-social {
        padding-right: 30px;
    }
}

.navbar-social img {
    width: 20px;
}

.navbar-social a {
    margin: 0 10px;
    font-size: var(--font-size-h4);
    float: left;
}

.navbar-social a:hover,
.navbar-social a:focus,
.navbar-social a:active {
    background: transparent !important;
    outline: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

/* ---------- Главное меню навигации ---------- */
.navbar-nav {
    display: inline-block;
    float: none;
    vertical-align: top;
}

.navbar-nav li a {
    color: var(--color-text) !important;
    line-height: 55px;
    font-size: var(--font-size-sm);
    font-weight: 500;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

.navbar-nav li a:hover {
    background: transparent;
    text-decoration: underline;
}

.navbar-nav li a svg {
    margin-right: 10px;
    margin-top: -1px;
}

/* ---------- Подменю (выпадающие) ---------- */
.navbar-nav-menu {
    float: left;
    margin-left: 30px;
}

.navbar-nav-menu li {
    position: relative;
}

.navbar-nav-menu li ul {
    display: none;
}

.navbar-nav-menu li:hover > ul {
    display: block;
    position: absolute;
    top: 55px;
    left: 0;
    list-style: none;
    padding: 8px 0;
    background-color: var(--color-white);
    width: 200px;
    text-align: left;
    z-index: 200;
}

.navbar-nav-menu li a + ul a {
    line-height: 1.4;
    display: block;
    padding: 7px 15px;
}


/* ---------- Раскрывающееся меню на мобильных ---------- */
.navbar-collapse {
    text-align: center;
}

@media (max-width: 960px) {
    .navbar-collapse {
        text-align: left;
    }
}

/* ---------- Кнопка-«гамбургер» для мобильной шапки ---------- */
.navbar-toggle {
    margin-top: 27px;
}

.navbar-toggle span {
    background: var(--color-primary);
}

.navbar-toggle .icon-bar {
    width: 35px;
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 8px;
}

/* ---------- Контакты в шапке (телефон, почта) ---------- */
.navbar-phone {
    line-height: 55px;
    font-size: var(--font-size-lg);
    font-weight: 500;
    padding-top: 5px;
}

.navbar-phone img {
    margin: 0 0 5px 10px;
}

.navbar-mail {
    position: relative;
    top: -15px;
}

/* ---------- Адрес и лозунг ---------- */
.header-address {
    float: right;
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 400;
    text-align: left;
    margin-left: 20px;
}

.header-slogan {
    float: left;
    margin-left: 123px;
    font-size: var(--font-size-sm);
    font-style: italic;
    font-weight: 500;
}

/* ---------- Иконка корзины в шапке ---------- */
.header-basket {
    position: relative;
}

/* ---------- Снимаем outline у focus на ссылках/кнопках/картинках ---------- */
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
img:focus:not(:focus-visible) {
    outline: none !important;
    box-shadow: none !important;
}

/* конец NAVBAR */

/* ---------- мобильные и адаптивные правила раздела ---------- */

@media (max-width: 768px) {
    .navbar.navbar-top {
            margin-bottom: 0 !important;
        }
    .header-slogan {
            margin-left: 0 !important;
            font-size: var(--font-size-sm) !important;
            margin-top: 10px;
        }
    .header-address {
            margin-left: 0 !important;
            font-size: var(--font-size-xs) !important;
        }
}

@media (max-width: 991px) {
    .navbar-toggle {
            display: block !important;
        }
    .navbar-collapse.collapse {
            display: none !important;
        }
    .navbar-collapse.collapse.in {
            display: block !important;
            max-height: 75vh;
            overflow-y: auto;
        }
    .navbar-nav {
            float: none !important;
            margin: 8px 0;
        }
    .navbar-nav > li {
            float: none !important;
        }
    .navbar-nav > li > a {
            padding: 12px 16px !important;
        }
    .navbar-right {
            float: none !important;
            margin-right: 0;
        }
    .navbar-header {
            float: none !important;
        }
    .header-slogan {
            display: none !important; 
        }
    .navbar-brand,
        .navbar .navbar-brand {
            padding-left: 40px !important;
        }
    .navbar-toggle {
            margin-right: 40px !important;
        }
}

@media (max-width: 767px) {
    .navbar-toggle {
            padding: 12px 15px;
            margin-top: 20px;
        }
    .navbar-toggle .icon-bar {
            width: 28px;
        }
}

/* ============================================================
 * 4b. FOOTER — подвал сайта
 * ============================================================ */

/* ---------- Каркас подвала ---------- */
.footer {
    background-color: rgba(21, 67, 60, 0.82);
    padding: 40px 0 30px 0 !important;
    margin-top: 40px !important;
}

@media (max-width: 768px) {
    .footer {
        padding: 30px 0 20px 0 !important;
        margin-top: 30px !important;
    }
}

/* ---------- Логотип ---------- */
.footer-logo img {
    float: left;
    margin-right: 15px;
    width: 75px;
}

/* ---------- Название компании ---------- */
.footer-copmany-name {
    /* sic: класс в HTML с опечаткой "copmany", не меняем */
    font-size: var(--font-size-lg) !important;
    font-weight: 400 !important;
    color: var(--color-white);
    line-height: 20px;
}

.footer-company-description {
    font-size: var(--font-size-xs) !important;
    color: var(--color-white) !important;
}

/* ---------- Контакты ---------- */
.footer-contacts {
    margin-top: 40px;
}

.footer-contacts-phone {
    font-size: var(--font-size-lg) !important;
    font-weight: 400 !important;
    color: var(--color-white);
    line-height: 20px;
}

.footer-contacts-mail {
    font-size: var(--font-size-base) !important;
    font-weight: 400 !important;
    color: var(--color-primary);
}

/* Часы работы */
.footer-contacts-working {
    color: var(--color-white);
}

section p.footer-contacts-working {
    font-size: var(--font-size-lg);
    color: var(--color-white);
}

/* ---------- Соцсети ---------- */
.footer-social {
    margin-top: 40px;
}

.footer-social img {
    width: 32px;
}

.footer-social p {
    float: left;
    margin-right: 20px;
}

.footer-social p:last-child {
    float: none;
}

.footer-social p i {
    color: var(--color-primary);
}

.footer-social p i:hover {
    color: var(--color-primary-dark);
}

/* ---------- Копирайт ---------- */
.footer-copyright {
    margin-top: 50px;
}

.footer-copyright p {
    position: relative;
    display: block;
    font-size: var(--font-size-base);
    color: var(--color-white);
    font-weight: 400;
}

/* ---------- Меню в подвале ---------- */
.footer-menu-head {
    font-size: var(--font-size-h4);
    color: var(--color-primary);
    padding-bottom: 15px;
    font-weight: 300;
}

.footer-menu-link {
    padding: 0;
}

.footer-menu-link li {
    list-style: none;
    line-height: 37px;
}

.footer-menu-link li a {
    font-size: var(--font-size-sm);
    color: var(--color-white);
}

.footer-menu_partners {
    margin-top: 32px;
}

/* ---------- Картинки оплаты ---------- */
.footer-pictures-cards {
    text-align: right;
}

@media (max-width: 500px) {
    .footer-pictures-cards {
        text-align: left;
        margin-top: 15px;
    }
}

/* ---------- Юридическая информация ---------- */
.footer-legal {
    border-top: none !important;
    padding-top: 14px;
}

/* конец FOOTER */

/* ---------- мобильные и адаптивные правила раздела ---------- */

@media (max-width: 991px) {
    .footer .footer-menu-head {
            color: #ffffff !important;
            font-weight: 700 !important;
        }
    .footer a:visited,
        .footer-menu-link li a:visited {
            color: #ffffff !important;
        }
    .footer a:hover,
        .footer-menu-link li a:hover {
            color: #b8f5d0 !important;
        }
    .footer .legal-links {
            justify-content: center !important;
            text-align: center !important;
            margin-top: 18px !important;
        }
}

@media (min-width: 768px) and (max-width: 991px) {
    .footer .container > .col-md-6 {
            width: 100% !important;
            float: none !important;
            margin-bottom: 24px;
            padding-left: 30px !important;
        }
    .footer .container > .col-md-3 {
            width: 50% !important;
            float: left !important;
            padding: 0 15px;
        }
}

/* ============================================================
 * 4c. MODAL — модальные окна
 * ============================================================ */

/* ---------- Базовые слои z-index ---------- */
.modal {
    border-radius: 0;
    z-index: 10050 !important;
}

.modal-backdrop {
    z-index: 10049 !important;
    background: rgba(0, 0, 0, .25) !important;
}

.modal-backdrop.in {
    opacity: .4 !important;
}

.modal-dialog {
    z-index: 10051 !important;
}

/* ---------- Содержимое модалки ---------- */
.modal-content {
    border-radius: 0;
    border: none;
    padding: 30px;
}

.modal .modal-content {
    overflow: hidden;
    min-height: 410px;
}

.modal-content__title {
    margin: 0;
    margin-bottom: 35px;
}

/* ---------- Шапка модалки ---------- */
.modal-header {
    margin: 0;
}

.modal-header h4 {
    font-size: var(--font-size-h2);
    text-transform: uppercase;
    font-weight: 300;
}

.modal-header .close {
    margin-top: -10px;
}

/* ---------- Левая колонка (фон/картинка/инфо) ---------- */
.modal-left {
    position: absolute;
    height: 100%;
    background-color: #f9fbfa;
    background-image: url("/local/templates/lot/css/../img/modal-background.jpg");
    background-position: bottom center;
    background-repeat: no-repeat;
    padding-top: 20px;
}

.modal .modal-left {
    overflow: hidden;
    width: 232px;
    min-height: 410px;
    box-sizing: border-box;
    padding: 60px 0;
}

.modal-left p {
    font-size: var(--font-size-h4);
}

.modal .modal-left img {
    max-width: 100%;
    height: auto;
}

.modal-left-footer {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    color: var(--color-white);
}

.modal .modal-left-footer {
    bottom: 60px;
    padding: 15px 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: transparent;
}

@media (max-width: 768px) {
    .modal-left {
        display: none;
    }
}

/* ---------- Правая колонка (форма) ---------- */
.modal-main {
    margin-left: 220px;
    min-height: 420px;
}

.modal .modal-main {
    margin-left: 232px;
}

@media (max-width: 768px) {
    .modal-main {
        margin-left: 0;
    }
}

/* ---------- Кнопка закрытия (вариант 1: общая) ---------- */
.modal .close {
    font-size: 40px;
    margin-top: -10px;
    font-weight: 300;
    color: var(--color-primary);
    opacity: 1;
}

/* В модалках один крест — содержимое кнопки прячем */
.modal .modal-header .close,
.modal-review .modal-header .close,
.modal-add-holiday .modal-header .close,
.slam-easyform .modal .modal-header .close {
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    position: absolute !important;
    right: 15px !important;
    top: 15px !important;
    left: auto !important;
    z-index: 10052 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    min-width: 40px;
    min-height: 40px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    background: rgba(0, 0, 0, .08) !important;
    border: 1px solid rgba(0, 0, 0, .1) !important;
    box-shadow: none !important;
    color: var(--color-text) !important;
    transition: background .2s, color .2s;
    border-radius: var(--radius-full) !important;
}

.modal .modal-header .close::before,
.modal .modal-header .close span,
.slam-easyform .modal .modal-header .close::before,
.slam-easyform .modal .modal-header .close span {
    pointer-events: none;
}

.modal .modal-header .close::before,
.modal-review .modal-header .close::before,
.modal-add-holiday .modal-header .close::before,
.slam-easyform .modal .modal-header .close::before {
    color: inherit;
    content: "×" !important;
    color: var(--color-white) !important;
    font-size: var(--font-size-h1-mobile) !important;
    font-weight: 700 !important;
    line-height: 24px;
    display: block;
    text-shadow: none;
}

.close:before {
    content: none !important;
}

.modal .modal-header .close span,
.modal-review .modal-header .close span,
.modal-add-holiday .modal-header .close span,
.slam-easyform .modal .modal-header .close span {
    display: none !important;
    font-size: 0 !important;
    visibility: hidden !important;
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
}

.modal .modal-header .close:hover,
.slam-easyform .modal .modal-header .close:hover,
.modal-review .modal-header .close:hover,
.modal-add-holiday .modal-header .close:hover {
    background: rgba(0, 173, 93, .12) !important;
    color: var(--color-primary) !important;
    border-color: rgba(0, 173, 93, .25) !important;
}

.modal .modal-header,
.slam-easyform .modal .modal-header,
.modal-review .modal-header,
.modal-add-holiday .modal-header {
    position: relative;
}

/* ---------- Спец. модалка успеха корзины ---------- */
#successBasket .modal-header {
    position: relative;
}

#successBasket .modal-header .close {
    position: absolute;
    right: 15px;
    top: 10px;
    margin-top: 0;
    z-index: 1;
}

/* ---------- Поведение body при открытой модалке ---------- */
/* Держим вертикальный скроллбар, чтобы шапка не дёргалась вправо */
body.modal-open {
    padding-right: 0 !important;
    overflow: visible !important;
}

body.modal-open .navbar,
body.modal-open .navbar-fixed-top,
body.modal-open .navbar-top {
    padding-right: 0 !important;
    margin-right: 0 !important;
}

/* ---------- Дополнительные правила модалок (перенесены из footer.php inline-style) ---------- */
.modal .modal-left {
    box-sizing: border-box !important;
    height: 100% !important;
    padding: 60px 0 !important;
    background-image: none !important;
    background-color: #f9fbfa !important;
}
.modal .modal-left::before {
    content: "" !important;
    position: absolute !important;
    top: 60px !important;
    bottom: 60px !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 0;
    pointer-events: none !important;
    background-image: url("/local/templates/lot/css/../img/modal-background.jpg") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.modal .modal-left img {
    position: relative !important;
    z-index: 1 !important;
    max-width: 100% !important;
    height: auto !important;
}
.modal .modal-left-footer {
    bottom: 60px !important;
    background: transparent !important;
    pointer-events: auto !important;
}
.modal .modal-left-footer a {
    pointer-events: auto !important;
}
@media (max-width: 768px) {
    .modal .modal-left,
    .modal .modal-left::before {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }
    .modal .modal-main {
        margin-left: 0 !important;
        width: 100% !important;
    }
    .modal .modal-dialog {
        margin: 10px !important;
        width: auto !important;
    }
    .modal .modal-content {
        width: 100% !important;
    }
    .modal .modal-body {
        padding: 15px !important;
    }
}

/* конец MODAL */

/* ---------- мобильные и адаптивные правила раздела ---------- */

@media (max-width: 767px) {
    .modal .modal-dialog {
            margin: 10px !important;
            max-width: calc(100% - 20px) !important;
        }
    .modal .modal-content {
            padding: 20px 15px !important;
        }
    .modal .modal-header .close {
            min-width: 44px !important;
            min-height: 44px !important;
            padding: 10px !important;
        }
}

/* ============================================================
 * 4d. BUTTONS — кнопки
 * ============================================================ */

/* ---------- Базовая кнопка магазина ---------- */
.btn {
    background-color: var(--color-primary);
    color: var(--color-white);
}

.btn:hover,
.btn:focus,
.btn.focus {
    color: var(--color-white);
}

/* ---------- Главная CTA: .btn-primary + .submit-button ---------- */
.btn-primary,
.submit-button {
    padding: 15px 32px;
    border-radius: var(--radius-sm);
    background: var(--color-primary);
    font-size: var(--font-size-lg);
    font-weight: 400;
    color: var(--color-white);
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
}

.btn-primary:hover,
.submit-button:hover {
    background: var(--color-primary-dark);
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    text-decoration: none;
}

.btn-primary:focus,
.submit-button:focus {
    background: #026235 !important;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    text-decoration: none;
}

.btn-primary:active,
.submit-button:active {
    background: var(--color-primary-dark);
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    text-decoration: none;
}

/* ---------- Submit-button с приоритетом (!important) ---------- */
/* Перебивает базовые стили в формах */
.submit-button,
.btn-primary.submit-button,
button[type="submit"].submit-button {
    background-color: var(--color-primary) !important;
    border: 1px solid var(--color-primary) !important;
    color: var(--color-white) !important;
    border-radius: var(--radius-sm) !important;
    padding: 15px 32px !important;
    font-size: var(--font-size-lg) !important;
    font-weight: 400 !important;
}

.submit-button:hover,
.submit-button:focus,
.submit-button:active,
.btn-primary.submit-button:hover,
.btn-primary.submit-button:focus,
.btn-primary.submit-button:active {
    background-color: var(--color-primary-dark) !important;
    border: 1px solid var(--color-primary-dark) !important;
    color: var(--color-white) !important;
}

.submit-button:disabled,
.submit-button[disabled],
.btn-primary.submit-button:disabled,
.btn-primary.submit-button[disabled] {
    background-color: var(--color-white) !important;
    border: 1px solid #d1d5db !important;
    color: #6b7280 !important;
    cursor: not-allowed !important;
    opacity: 0.6;
}

.submit-button:disabled:hover,
.submit-button[disabled]:hover {
    background-color: var(--color-white) !important;
    border-color: #d1d5db !important;
    color: #6b7280 !important;
}

/* ---------- Submit-button внутри .feedback-form (инверсия: белая кнопка) ---------- */
.feedback-form .submit-button:not(:disabled),
.feedback-form .btn-primary.submit-button:not(:disabled) {
    background-color: var(--color-white) !important;
    border: 1px solid var(--color-white) !important;
    color: var(--color-primary) !important;
}

.feedback-form .submit-button:not(:disabled):hover,
.feedback-form .submit-button:not(:disabled):focus,
.feedback-form .submit-button:not(:disabled):active {
    background-color: #f3f9f5 !important;
    border: 1px solid #f3f9f5 !important;
    color: var(--color-primary-dark) !important;
}

/* ---------- Кнопка-«призрак» (.btn-contrast) — рамка без фона ---------- */
.btn-contrast {
    border: 1px solid var(--color-white);
    padding: 10px 32px;
    border-radius: var(--radius-sm);
    font-weight: 300;
    color: var(--color-white);
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    text-shadow: none;
}

.btn-contrast:hover {
    color: var(--color-text);
    background: var(--color-white);
    border: 1px solid var(--color-white);
    text-decoration: none;
    text-shadow: none;
}

/* ---------- Красная кнопка (удалить, отмена) ---------- */
.btn-red {
    background-color: var(--color-danger);
    width: 100%;
    border-radius: var(--radius-md);
    padding-top: 10px;
    padding-bottom: 10px;
}

/* ---------- Ссылка-кнопка ---------- */
.btn-link:hover,
.btn-link:focus {
    color: var(--color-white);
    text-decoration: none;
    background-color: #898989 !important;
    border-color: #898989 !important;
}

/* ---------- Прочие кнопки магазина ---------- */
.btn-cart {
    display: inline-flex;
    align-items: center;
}

.btn-cart-simple {
    margin-left: 10px;
    width: 25% !important;
}

@media (max-width: 500px) {
    .btn-cart-simple {
        width: 100% !important;
        margin-left: 0;
        margin-top: 10px;
    }
}

.btn-header {
    float: right;
    margin-right: 15px;
}

.btn-all {
    padding-left: 35px;
    padding-right: 35px;
}

/* ---------- Кнопка callback в карточке товара ---------- */
.product-item-callback .submit-button {
    width: 100%;
    float: none !important;
    margin-bottom: 20px;
}

/* ---------- Отступ для кнопки на маленьких экранах ---------- */
@media (max-width: 480px) {
    .company-network .btn-primary {
        margin-top: 15px;
    }
}

/* конец BUTTONS */

/* ---------- мобильные и адаптивные правила раздела ---------- */

@media (max-width: 768px) {
    .btn-header {
            margin-right: 0 !important;
            padding: 10px 16px !important;
            font-size: var(--font-size-sm) !important;
            min-height: 44px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }
}

@media (max-width: 767px) {
    .btn, .btn-primary, .submit-button {
            min-height: 44px !important;
            padding: 12px 24px !important;
            font-size: var(--font-size-base) !important;
        }
    .btn-cart, .btn-cart-simple {
            width: 100% !important;
            margin-left: 0 !important;
            min-height: 44px;
        }
}

/* ============================================================
 * 4e. FORMS — формы
 * ============================================================ */

/* ---------- Базовые поля формы ---------- */
.form-control {
    border-radius: var(--radius-sm);
    height: 48px;
    box-shadow: 1px 1px 7px -5px #000;
}

.form-control:focus {
    border-color: var(--color-primary);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.has-success .form-control:focus {
    border-color: var(--color-primary-dark);
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* ---------- Форма обратной связи (главная страница) ---------- */
.feedback-form {
    background-size: cover;
    background-image: url("/local/templates/lot/css/../img/feedback-background.jpg");
    background-repeat: no-repeat;
    height: auto;
    min-height: 480px;
    max-height: none;
    padding: 40px 70px;
    margin-top: 30px;
    border-radius: var(--radius-sm);
    box-sizing: border-box;
    overflow: visible;
}

.feedback-form form {
    margin-top: 20px;
}

.feedback-form label {
    color: var(--color-white);
}

.feedback-form button {
    background: var(--color-white);
    color: var(--color-text);
}

.feedback-form a {
    color: var(--color-white);
}

@media (max-width: 480px) {
    .feedback-form {
        padding: 20px;
    }
}

.feedback-form h2 {
    font-size: var(--font-size-h1) !important;
    line-height: var(--lh-tight) !important;
    font-weight: 700 !important;
    margin: 0 0 10px;
    color: var(--color-white);
}

@media (max-width: 480px) {
    .feedback-form h2 {
        line-height: 38px;
    }
}

.feedback-form > p:not(.feedback-form__required-note) {
    font-size: var(--font-size-base) !important;
    font-weight: 400 !important;
    margin: 0 0 18px;
    line-height: var(--lh-base);
    color: var(--color-white);
}

.feedback-form p {
    font-size: var(--font-size-h4);
    color: var(--color-white);
}

.feedback-form .feedback-form__required-note {
    font-size: var(--font-size-xs) !important;
    font-weight: 400 !important;
    color: rgba(255, 255, 255, 0.75) !important;
    margin: 6px 0 14px;
}

/* ---------- Блок гарантии в форме (.form-reassurance) ---------- */
.slam-easyform .form-reassurance {
    font-size: var(--font-size-sm);
    color: #4b5563;
    background: #f3f9f5;
    border-left: 3px solid var(--color-primary);
    padding: 10px 14px;
    border-radius: var(--radius-md);
    margin-top: 10px;
}

.slam-easyform .form-reassurance b {
    color: #111827;
    font-size: var(--font-size-sm);
    display: block;
    margin-bottom: 2px;
}

/* Инверсия для блока в .feedback-form (тёмный фон) */
.feedback-form .slam-easyform .form-reassurance {
    background: transparent !important;
    color: rgba(255, 255, 255, 0.95) !important;
    border-left: 2px solid rgba(255, 255, 255, 0.4) !important;
    padding: 8px 12px !important;
    display: none !important;
}

.feedback-form .slam-easyform .form-reassurance b {
    color: #ffffff !important;
    font-size: var(--font-size-sm);
    font-weight: 700;
}

.feedback-form .feedback-form-reassurance {
    margin-top: 18px;
    background: transparent !important;
    color: rgba(255, 255, 255, 0.95) !important;
    border-left: 2px solid rgba(255, 255, 255, 0.4) !important;
}

.feedback-form .feedback-form-reassurance b {
    color: #ffffff !important;
    font-weight: 700;
    display: block;
    margin-bottom: 2px;
}

/* Лейблы внутри .feedback-form */
.feedback-form .slam-easyform .control-label,
.feedback-form .slam-easyform label {
    font-size: var(--font-size-base) !important;
    font-weight: 500 !important;
    color: #ffffff !important;
    margin-bottom: 5px;
    text-transform: none;
}

.feedback-form .slam-easyform .form-control,
.feedback-form .slam-easyform select {
    font-size: var(--font-size-base) !important;
}

/* Согласие на обработку ПД */
.feedback-form .slam-easyform .pd-consent label,
.feedback-form .slam-easyform .pd-consent {
    font-size: var(--font-size-sm) !important;
    color: rgba(255, 255, 255, 0.95) !important;
}

.feedback-form .slam-easyform .pd-consent a {
    color: #ffffff !important;
    text-decoration: underline;
}

.feedback-form .pd-consent {
    background: rgba(255, 255, 255, 0.10);
    border-color: rgba(255, 255, 255, 0.25);
}

.feedback-form .pd-consent span {
    color: rgba(255, 255, 255, 0.95);
}

.feedback-form .pd-consent a {
    color: #ffffff;
}

.feedback-form .slam-easyform .text-muted,
.feedback-form .slam-easyform small {
    font-size: var(--font-size-sm) !important;
    color: rgba(255, 255, 255, 0.85) !important;
}

/* ---------- Форма быстрого заказа (.fast-form) ---------- */
.fast-form {
    background: #f6f6f6;
    padding: 24px;
    margin-top: 16px;
    background-image: url("/upload/1623854781_12-phonoteka_org-p-patterni-yelki-krasivo-14.jpg");
    background-size: cover;
}

.fast-form__inner {
    height: 100%;
    position: absolute;
    width: 100%;
    background: #ffffffb8;
    top: 0;
    left: 0;
}

/* Slam-easyform для карточки товара */
.slam-easyform-product {
    margin-top: 35px;
}

/* ---------- Модалка #callback (заказать звонок) ---------- */
#callback h2 {
    color: #ffffff !important;
}

#callback p {
    color: #ffffff !important;
}

/* конец FORMS */

/* ---------- мобильные и адаптивные правила раздела ---------- */

@media (max-width: 767px) {
    .form-control {
            font-size: var(--font-size-base) !important; 
        }
    #callback_sticky .modal-dialog {
            margin: 0 !important;
            max-width: 100% !important;
            width: 100% !important;
        }
    #callback_sticky .modal-content {
            border-radius: 0;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
        }
    #callback_sticky .modal-left {
            flex: 0 0 auto;
            padding: 30px 20px !important;
            min-height: auto !important;
        }
    #callback_sticky .modal-main {
            flex: 1;
            overflow-y: auto;
        }
    #callback_sticky .modal-content .modal-left,
        #callback_sticky .modal-content .modal-main {
            width: 100% !important;
            max-width: 100% !important;
        }
}

/* ============================================================
 * 4f. BREADCRUMB — хлебные крошки
 * ============================================================ */

.bx-breadcrumb {
    margin: 0 0 20px 0 !important;
    padding: 10px 0 14px 0 !important;
    border-bottom: 1px solid #eee;
    font-size: 13px;
    color: #999;
}
.bx-breadcrumb-item-text {
    font: 400 14px/1.4 "Open Sans", Arial, sans-serif !important;
    color: #666;
    transition: color .15s linear;
}
.bx-breadcrumb-item-link {
    border-bottom: 0 !important;
    text-decoration: none !important;
}
.bx-breadcrumb-item-link:hover .bx-breadcrumb-item-text {
    color: #027b43;
}
/* Last item (current page) — darker, no link styling */
.bx-breadcrumb-item:last-child .bx-breadcrumb-item-text {
    color: #2b2b2b;
    font-weight: 500;
}
/* Replace fa-angle-right icon with a slimmer chevron */
.bx-breadcrumb-item-angle {
    margin: 0 10px !important;
    color: #888 !important;
    font-size: 14px !important;
    opacity: 1;
    font-weight: 700;
}
@media (max-width: 768px) {
    .bx-breadcrumb { font-size: 12px; padding: 8px 0 10px 0 !important; }
    .bx-breadcrumb-item-text { font-size: 13px !important; }
    /* On mobile, allow breadcrumbs to wrap */
    .bx-breadcrumb-item { white-space: normal !important; }
}

/* конец BREADCRUMB */


/* ============================================================
 * 5a. HOME — главная страница
 * ============================================================ */

/* ---------- Jumbotron (главный баннер) ---------- */
.jumbotron {
    height: 603px;
    background-image: url("/local/templates/lot/css/../img/jumbotron-background.webp");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: scroll;
    overflow: hidden;
}

.jumbotron h1 {
    font-size: var(--font-size-hero);
    text-align: center;
    margin-top: 20px;
    text-transform: none;
}

.jumbotron p {
    text-align: center;
    font-size: var(--font-size-h2);
    font-weight: 300;
}

@media (max-width: 480px) {
    .jumbotron h1 {
        font-size: 36px;
        line-height: 40px;
        padding: 0 20px;
    }
}

/* ---------- Меню каталога на главной ---------- */
.catalog-menu {
    background: var(--color-white);
    border-radius: var(--radius-sm);
    -webkit-box-shadow: var(--shadow-sm);
    box-shadow: var(--shadow-sm);
    min-height: 385px;
}

.catalog-menu:first-child {
    margin-bottom: 30px;
}

.catalog-menu_head {
    font-size: var(--font-size-h1-mobile);
    background: linear-gradient(-170deg, var(--color-primary) 0, #017c43 100%);
    color: var(--color-white);
    padding: 8px 30px;
    border-radius: 3px 3px 0 0;
}

.catalog-menu_link {
    padding: 20px 30px;
}

.catalog-menu_link li {
    list-style: none;
    line-height: 37px;
}

.catalog-menu_link li a {
    font-size: var(--font-size-lg);
    color: var(--color-text);
}

/* ---------- Слайдер / карусель ---------- */
.slider img {
    border-radius: var(--radius-sm);
}

.carousel-caption {
    right: auto;
    left: 45px;
    padding-bottom: 40px;
}

/* ---------- Маленькие баннеры (доставка, скидки) ---------- */
.small-banner {
    background: linear-gradient(-170deg, var(--color-primary) 0, #017c43 100%);
    margin-bottom: 20px;
    padding: 20px;
    border-radius: var(--radius-sm);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.small-banner:hover {
    -webkit-box-shadow: var(--shadow-md);
    box-shadow: var(--shadow-md);
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.small-banner a:hover {
    text-decoration: none;
}

.small-banner img {
    width: 45px;
    margin-right: 15px;
    margin-top: 5px;
    float: left;
}

.small-banner-head {
    color: var(--color-white);
    font-size: var(--font-size-h4);
    font-weight: 700;
}

.small-banner-desc {
    color: var(--color-white);
    margin-top: 15px;
    text-align: right;
}

@media (max-width: 768px) {
    .small-banner-desc {
        text-align: left;
    }
    .small-banner-desc br {
        display: none;
    }
}

/* Баннер в блоке «Преимущества» — на всю высоту */
.features-index .small-banner {
    height: 100%;
}


/* Блок "Мы там, где Вам удобно" — заголовок по центру */
.company-network h2 {
    text-align: center;
}

/* ---------- Сеть компаний (карта/преимущества) ---------- */
.company-network p {
    font-size: var(--font-size-h4);
    font-weight: 300;
}

@media (max-width: 480px) {
    .company-network p {
        margin-bottom: 30px;
    }
}

.company-network_map {
    margin-top: 30px;
}

/* ---------- О компании / преимущества ---------- */
.about-advantages h3 {
    font-size: var(--font-size-h2);
    color: var(--color-primary-dark);
}

.about-advantages p {
    font-size: var(--font-size-base);
    font-weight: 400;
}

/* ---------- Дисклеймер на главной ---------- */
.disklamer {
    color: var(--color-white);
    font-size: var(--font-size-sm) !important;
    border-top: 1px solid rgb(255 255 255 / 20%);
    padding: 24px 0 0 0;
    margin-top: 24px;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* конец HOME */

/* ---------- мобильные и адаптивные правила раздела ---------- */

@media (max-width: 768px) {
    .jumbotron {
            height: 200px !important;
            min-height: 200px !important;
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            padding-top: 0 !important;
        }
}

@media (max-width: 480px) {
    .jumbotron {
            height: 160px !important;
            min-height: 160px !important;
            margin-top: 0 !important;
            padding-top: 0 !important;
        }
}

@media (max-width: 743px) {
    .jumbotron {
            height: 0 !important;
            min-height: 0 !important;
            padding: 0 !important;
            margin: 0 !important;
            overflow: hidden !important;
        }
}

@media (min-width: 744px) and (max-width: 991px) {
    .jumbotron {
            height: calc(56vw + 80px) !important;
            background-attachment: scroll !important;
        }
    .catalog-menu {
            background: transparent !important;
            box-shadow: none !important;
            min-height: 0 !important;
        }
    .catalog-menu_head {
            background: linear-gradient(-170deg, #00ad5d 0, #017c43 100%);
            color: #fff;
            font-size: var(--font-size-base) !important;
            padding: 8px 16px !important;
            border-radius: var(--radius-md) 8px 0 0;
            margin-bottom: 0;
        }
    .catalog-menu_link,
        .bx_vertical_menu_advanced,
        .bx_vertical_menu_advanced ul {
            padding: 14px !important;
            background: #fff;
            border-radius: 0 0 8px 8px;
            box-shadow: var(--shadow-sm);
            display: flex !important;
            flex-wrap: wrap !important;
            gap: 8px !important;
            list-style: none;
            column-count: auto !important;
        }
    .catalog-menu_link li,
        .bx_vertical_menu_advanced ul li {
            list-style: none !important;
            line-height: 1 !important;
            margin: 0 !important;
            break-inside: auto !important;
        }
    .catalog-menu_link li a,
        .bx_vertical_menu_advanced ul li a,
        .bx_hma_one_lvl > a {
            display: inline-block;
            padding: 8px 14px !important;
            background: #f3f9f5;
            border: 1px solid #d8e9de;
            border-radius: 999px;
            color: #1f2d38 !important;
            font-size: var(--font-size-sm) !important;
            font-weight: 500;
            text-decoration: none !important;
            white-space: nowrap;
            transition: all .15s;
        }
    .catalog-menu_link li a:hover,
        .bx_vertical_menu_advanced ul li a:hover {
            background: #00ad5d !important;
            color: #fff !important;
            border-color: #00ad5d !important;
        }
}

@media (max-width: 991px) {
    .slider-sm,
        #carousel,
        .carousel,
        .carousel-inner {
            max-width: 100% !important;
            width: 100% !important;
            overflow: hidden !important;
            position: relative !important;
        }
    .carousel-inner > .item img,
        .slider-sm img {
            max-width: 100% !important;
            width: 100% !important;
            height: auto !important;
            max-height: none !important;
            object-fit: contain !important;
            display: block !important;
        }
    .carousel-inner > .item {
            display: none !important;
        }
    .carousel-inner > .item.active,
        .carousel-inner > .item:first-of-type {
            display: block !important;
            opacity: 1 !important;
            transform: none !important;
            position: relative !important;
            left: 0 !important;
            right: 0 !important;
        }
    .sale-block ~ .carousel-control,
        .slick-arrow,
        .carousel-control {
            display: none !important;
        }
}

@media (max-width: 767px) {
    .features-index {
            flex-direction: column;
            gap: 0 !important;
            margin-top: 0 !important;
            margin-bottom: 0 !important;
        }
    .features-index .catalog-team,
        .features-index .small-banner {
            margin: 0 !important;
        }
    .features-index .catalog-team,
        .features-index .small-banner {
            min-height: 95px;
            width: 100%;
        }
    .features-index .small-banner a {
            display: grid !important;
            grid-template-columns: 45px 1fr;
            grid-template-rows: auto auto;
            align-items: start;
            gap: 0 12px;
            text-align: left;
        }
    .features-index .small-banner a img {
            grid-column: 1;
            grid-row: 1 / -1;
            margin: 0 !important;
            float: none !important;
        }
    .features-index .small-banner-head {
            grid-column: 2;
            grid-row: 1;
            font-size: var(--font-size-base) !important;
            margin: 0 0 6px 0 !important;
            text-align: left;
        }
    .features-index .small-banner-desc {
            grid-column: 2;
            grid-row: 2;
            font-size: var(--font-size-sm) !important;
            line-height: 1.4 !important;
            margin: 0 !important;
            text-align: left;
        }
}

@media (min-width: 992px) and (max-width: 1366px) {
    .jumbotron {
            background-attachment: scroll !important;
        }
}

/* ============================================================
 * 5b. COOPERATION — страница «Сотрудничество»
 * ============================================================ */

.cooperation h2 {
    color: var(--color-primary);
}

.cooperation h3 {
    margin-top: 0;
}

.cooperation p {
    font-size: var(--font-size-h2);
    font-weight: 300;
}

.cooperation-content {
    margin-top: 20px;
}

.cooperation-slogan {
    font-size: var(--font-size-h4) !important;
    color: var(--color-primary);
    margin: 0;
}

.cooperation ul {
    padding: 0;
    list-style: none;
    line-height: 42px;
    font-size: var(--font-size-lg);
}

.cooperation span {
    color: var(--color-primary);
}

.cooperation-btn {
    margin-top: 40px;
}

.cooperation-btn p {
    font-size: var(--font-size-h2);
    font-weight: 300;
    margin-bottom: 30px;
}

.cooperation-btn a {
    cursor: pointer;
}

/* конец COOPERATION */


/* ============================================================
 * 5c. MISC PAGES — прайс-листы, доставка, таблицы
 * ============================================================ */

/* ---------- Таблицы цен (страница прайс-листа) ---------- */
.price-table {
    margin-top: 20px;
    border: 1px;
    border-color: #bcc5cc;
}

.price-table thead {
    background: #f2f3f4;
}

.price-table thead th {
    vertical-align: middle;
    text-align: center;
    padding: 10px;
    font-size: var(--font-size-sm);
    font-weight: 300;
}

.price-table tbody tr td {
    text-align: center;
    padding: 15px;
}

/* ---------- Доставка (страница /dostavka/) ---------- */
.dilivery-block-items-list {
    padding: 0;
    list-style: none;
}

.dilivery-block-items-list li {
    margin: 10px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

/* ---------- Общая стилизация таблиц ---------- */
.table-responsive {
    border: none;
}

/* конец MISC PAGES */

/* ---------- мобильные и адаптивные правила раздела ---------- */

@media (max-width: 991px) {
    .m-table-scroll {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            max-width: 100%;
            margin: 0 0 16px;
        }
    .m-table-scroll table {
            margin: 0;
        }
    .m-table-scroll .price-table,
        .m-table-scroll table[width] {
            width: auto !important;
            min-width: max-content;
        }
}

/* ============================================================
 * 5d. CATALOG, CART, OTHER PAGES
 * ============================================================
 * Перенесено из styles.css. Содержит:
 *   - карточки товаров (.product-*)
 *   - плитки каталога (.bx_catalog_tile_*)
 *   - фильтры каталога (.bx-filter-*, .bx-sls-*)
 *   - корзина (.basket-count, .btn-cart)
 *   - распродажи (.sale-block, .ATTR_SALE, .bx-red)
 *   - прочие страницы (.article, .material-block, .advantages-block)
 * ============================================================ */

.product-property {
    display: flex;
    align-items: center;
}

.product-item-top-card-actions {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px;
    background-color: #00a358;
    border-radius: var(--radius-md);
    display: flex;
}

.sale-block .item img {
    max-width: 998px;
    width: 100%;
}

.product-item-top-card-actions.ajax {
    opacity: .5;
    pointer-events: none;
}

.product-item-start-price__title {
	font-weight: 300;
    font-size: var(--font-size-xs);
    color: #a7a7a7;
}

.product-item-top-card-actions__left-name {
    font-size: var(--font-size-base);
    font-weight: 700;
    color: #fff;
    padding-left: 5px;
}

.price-value-simple {
    color: #c11d1d;
    font-size: var(--font-size-h1-mobile);
    font-weight: 700;
    flex-shrink: 0;
}

.price-value-simple ~ s {
    flex-shrink: 0;
    font-weight: 700;
    font-size: var(--font-size-base);
    margin-left: 7px;
}

.product-item-top-card-actions__right {
    border-radius: var(--radius-md);
    background-color: #fff;
    width: 33%;
    padding: 11px;
    text-align: center;
}

.product-item-top-card-actions__left {
    width: 38%;
}

.product-item-top-card-actions__left.simple {
    width: 50%;
    font-size: var(--font-size-sm);
}

.product-property {
    width: 100%;
    padding-right: 10px;
    justify-content: space-between;
    margin-bottom: 10px;
}

.product-select {
    border: none;
    padding: 8px 15px;
    padding-right: 5px;
    border-radius: var(--radius-md);
    margin-bottom: 0;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
}

.product-select__svg {
    flex-shrink: 0;
}

.product-item-top-card-actions__price {
    font-size: var(--font-size-sm);
    color: #898989;
    flex-grow: 1;
}

.product-item-top-card-actions__price span {
    color: #c11d1d;
    font-size: var(--font-size-h4);
    font-weight: 700;
}

.product-item-top-card-actions__properties {
    font-size: var(--font-size-sm);
    margin-top: 20px;
}

.product-item-top-card-actions__properties div {
    margin-bottom: 0;
}

.product-item-top-card-actions__properties div span {
    font-weight: 700;
}

.product-item-top-card-form {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.tags-list {
    display: flex;
    margin-bottom: 50px;
}

.tags-list a {
    margin-right: 15px;
}

.tags-list a.active {
    text-decoration: underline;

}

.tags-list b {
    margin-right: 15px;
}

.price-old {
    color: #000;
}

.product-item-top-card-actions__middle {
    padding-left: 10px;
    padding-right: 10px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.product-item-top-card-actions__middle.simple {
    flex-grow: 0;
    width: 35%;
}

.product-select__wrap {
    position: relative;
    margin-bottom: 0;
    width: 55%;
}

.price-old-item {
    color: #c11d1d;
    font-weight: 700;
}

.product-top-slider {
    margin-top: 35px;
}

.product-select__list {
    display: none;
    position: absolute;
    background-color: #fff;
    width: 100%;
    border-radius: var(--radius-md);
    z-index: 10;
    border: 1px solid #ccc;
    box-shadow: 0 5px 25px rgb(30 31 33 / 9%);
    overflow: hidden;
    cursor: pointer;
}

.product-select__item {
    padding: 8px 15px;
    display: block;
    background-color: transparent;
    border: none;
    outline: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
}

.product-select__value input {
    border: none;
    width: 140px;
    outline: none;
    cursor: pointer;
}

.product-select__item:hover {
    background-color: #ededed;
}

.product-select__list.show {
    display: block;
}

.buttons-wrap {
    margin-top: 30px;
}

.product-property__square {
    border-radius: var(--radius-md);
    color: #fff;
    border: 1px dashed #e7b600;
    padding: 10px 15px;
    margin-right: 10px;
    text-align: center;
    margin-top: auto;
}

.counter {
    justify-content: space-between;
    border: 1px solid #E9E9E9;
    border-radius: var(--radius-md);
    height: 44px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    /* margin-top: auto; */
}

.counter-minus, .counter-plus {
        width: 30px;
        cursor: pointer;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .counter span {
        font-weight: 300;
        font-size: var(--font-size-base);
        line-height: 18px;

    }
    .counter-text {
        white-space: nowrap;
        color: #fff;
    }
    .counter-number {
        display: inline-block;
        margin-right: 4px;
    }

.bx-ui-sls-container {
    height: 100%;
}

.bx-sls .bx-ui-sls-fake, .bx-sls .bx-ui-sls-route {
    height: 100%;
}

.bx-sls .dropdown-icon {
    top: 50%;
    transform: translateY(-50%);
}

.bx-sls .bx-ui-sls-clear {
    top: 7px;
}

.job-item {
    box-shadow: 0 2px 12px 0 rgb(48 50 51 / 10%);
    border-radius: var(--radius-sm);
    padding: 30px;
    margin-bottom: 15px;
}

.job-item__name {
    margin-top: 0;
}

.job-item__price {
    margin-bottom: 20px;
    font-size: 25px;
}

.job-item__right {
    text-align: right;
}

.bx-filter .bx-filter-parameters-box-title span:hover {
    border-color: #4dc68e;
}

.product-item-top-card-actions-simple {
    display: flex;

    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px;
    background-color: #00a358;
    border-radius: var(--radius-md);
    flex-wrap: wrap;
}

.counter.simple {
    width: 20%;
    margin-left: 10px;
}

.product-item-top-card-actions__right.simple {
    width: 35%;
    padding-left: 12px;
    padding-right: 12px;
    font-weight: 400;
    line-height: 1;
    font-size: 19px;
    display: flex;
}

.basket-count {
    position: absolute;
    width: 13px;
    height: 13px;
    border-radius: var(--radius-full);
    border: 1px solid #ff0000;
    color: #ffffff;
    top: 23px;
    line-height: 12px;
    font-size: 10px;
    background: red;
    left: 19px;
}

.product-item-top-card-actions__middle-top {
    text-align: center;
    margin-top: 10px;
}

.product-item-top-card-actions__middle-top h5 {
    font-size: var(--font-size-h4);
    color: #fff;
    margin-bottom: 0;
    margin-top: 0;
}

.product-item-top-card-actions__middle-top p {
    font-size: var(--font-size-sm);
    line-height: 1;
    margin-bottom: 15px;
}
.product__total {
    color: #fff;
    margin-bottom: 15px;
}
.product__total b {
    font-size: var(--font-size-base);
}

.product__total-price {
    font-size: 25px;
    font-weight: 700;
    line-height: 1;
    color: #e7b600;
}

.search-form {
    float: right;
    position: relative;
    margin-bottom: 20px;
    margin-right: -14px;

}

.search-form form {
    position: relative;
    max-width: 250px;
    width: 100%;
}

.search-form button {
    position: absolute;
    right: 0;
    top: 0;
    background-color: transparent;
    border: none;
    font-size: 0;

}

.search-form button svg {
    position: absolute;
    right: 9px;
    top: 7px;
}

.search-form input[type='submit'] {
    position: absolute;
    right: 0;
}

.search-form input[type="text"]:focus {
    outline: none;
}

.search-form input[type="text"] {
    border: 1px solid transparent;
    border-radius: var(--radius-sm);
    padding: 6px 50px 6px 10px;
    background-color: #fff;
    font-size: var(--font-size-sm);
}

.advantages-block {
    margin-top: 50px;
}

.advantages-block>div {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #f2f2f2;
    padding: 0 0 35px;
    margin: -20px 0 0
}

.advantages-block>div>div {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 25%;
    padding: 25px 15px 0 30px
}

.d-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
}

.d-flex img {
    margin-right: 5px;
}

.material-block {
    display: flex;
    flex-wrap: wrap;
}

.material-block-item {
    margin-right: 15px;
    margin-bottom: 15px;

    background-color: #e3e3e3;
color: #343434;
    padding: 8px;
}

.material-block-item:hover {
    background-color: #304351;
    color: #fff;
}

.share {
    display: flex;
align-items: center;
gap: 15px;
color: #00ad5d;
}

.news-detail td {
        border: solid 2px lightgrey;
        padding: 5px;
}

.product-item-stock {
	display: block;
	font-size: var(--font-size-xs);
    font-weight: 400;
}

.product-item-start-price {
    margin-top: -9px;
}

.back-to-top { position: fixed; bottom: 20px; right: 24px; border-radius: var(--radius-full);display: none; font-size: var(--font-size-h2); color: #fff; background: #00ad5d; padding: 5px 10px; cursor: pointer; z-index: 1000; } .back-to-top:hover { background: #333; color:#fff; text-decoration: none; }

@media(max-width: 500px) {
    .product-item-top-card-actions {
        flex-wrap: wrap;

    }

    .news-detail-author {
        flex-direction: column;
    }

    .news-detail-author-left {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .advantages-block>div>div {
        width: 50%;
        text-align: center;
    }

    .product-item-top-card-actions__left {
        width: 100%;
        margin-bottom: 20px;
    }

    .product-property {
        padding-right: 0;
    }

    .product-property__square {
        margin-right: 0;
    }

    .product-item-top-card-actions__right {
        width: 100%;
    }

    .counter.simple {
        width: auto;
        flex-grow: 1;
    }

    .product-item-top-card-actions__right.simple {
        width: 100%;
    }

    .product-item-top-card-actions__middle.simple {
        width: 100%;
    }
}

.product-item-callback-x.product-item-callback-x {
    padding-left: 15px;
    padding-right: 15px;
}
/* 2026-05-22: keep 540px form, center it inside floated col-xs-12 via calc() offset.
   Beats the generic `.product-item-callback { margin: 32px auto !important }` by higher
   specificity (.product-item-callback-x doubled = 0,2,0 vs base 0,1,0, both !important). */
@media (min-width: 992px) {
    .product-item-callback-x.product-item-callback-x {
        margin-left: calc(50% - 270px) !important;
        margin-right: 0 !important;
    }
}

.bx_catalog_tile {
    margin-bottom: 50px;
}

.bx_catalog_tile .bx_catalog_tile_img {
	position: relative;
	display: block;
	overflow: hidden;
	width: 193px;
	height: 222px;
	-webkit-box-shadow: var(--shadow-sm);
	box-shadow: var(--shadow-sm);
	border-radius: 2px;
	background-color: #fff;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
}

.bx_catalog_tile .bx_catalog_tile_img:hover {
	-webkit-box-shadow: var(--shadow-md);
	box-shadow: var(--shadow-md);
}

.bx_catalog_tile .bx_catalog_tile_category_title a {
	color: #000;
	text-decoration: none;
}

.bx_catalog_tile .bx_catalog_tile_ul {
	padding: 0;
	margin: 0;
}

.bx_catalog_tile .bx_catalog_tile_title {
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 0;
	vertical-align: top;
	line-height: 20px;
}

.bx_catalog_tile .bx_catalog_tile_title a {
	color: #304351;
	font-size: var(--font-size-lg);
}

.bx_catalog_tile .bx_catalog_tile_ul li {
	float: left;
	box-sizing: border-box;
	margin-bottom: 20px;
	padding: 0 10px;
	//width: 25%;
	list-style: none;
	text-align: left;
}

.sections-content {
    margin-top: 90px;
}

.container .box {
  position: relative;
  margin-bottom: 10px; /* Нижний отступ между элементами аккордеона */
}

.container .box:last-child {
  margin-bottom: 0; /* Для последнего элемента нижний отступ убираем */
}

.container .box .label {
    position: relative;
    padding: 20px;
    background-color: #4c4c4c;
    color: #fff;
    cursor: pointer;
    display: block;
    margin-bottom: 15px;
    font-size: 17px;
    text-align: left;
}

.container .box .label::after {
  content: "+"; /* Задаем иконку "+" для элемента аккордеона */
  position: absolute;
  top: 50%; /* Выравнивание по центру */
  transform: translateY(-50%);
  right: 20px;
  font-size: 25px;
  font-weight: 700;
}

.product-item-faq-wrap {
    margin-top: 30px;
    margin-bottom: 50px;
}

.container .box.active .label::after {
  content: "\2014"; /* Меняем иконку на "-" при нажатии на элемент */
}

.container .box .content {
  position: relative;
  background-color: #fff; /* Цвет фона контента */
  overflow: hidden;
  max-height: 0; /* Скрываем контент */
  transition: 0.3s; /* Для плавности анимации */

}

.product-item-big-card 			  .product-item-label-text.product-item-label-small span{
	line-height: 21px;
	font-size: var(--font-size-base);
	padding: 2px 12px;
	margin: 15px;
	border-radius: var(--radius-sm);
}

.product-item-big-card 			  .product-item-label-text.product-item-label-big span{
	line-height: 33px;
	font-size: var(--font-size-h1-mobile);
	padding: 5px 17px;
}

.product-item-label-text span,
.product-item-label-ring{
	margin-bottom: 2px;
	color: #fff;
	display: inline-block;
	clear: both;
	background: #027b43;
	text-align: center;
	vertical-align: middle;
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	transition: all 250ms ease;
}

.ATTR_SALE span {
    background: #f00;
}

/*SMALL*/
.product-item-label-text.product-item-label-small span,
.product-item-scalable-card.hover .product-item-label-text.product-item-label-small span{
	line-height: 14px;
	font-size: var(--font-size-sm);
	padding: 2px 7px;
	margin-bottom:1px;
	font-weight: 400;
}
/*Label*/
.product-item-label-text,
.product-item-label-ring{
	position: absolute;
	z-index:1190;
}

.bx_catalog_tile .bx_catalog_tile_ul li:before { content: '' !important }

.bx-red .product-item-label-text span,
.bx-red .product-item-label-ring{background-color: #fba90c;}
.product-item-label-text > div,
.product-item-label-ring > div{ line-height: 0;}

/* TEXT */
.product-item-label-text span{
	padding:2px 5px;
	font-weight: 700;
	vertical-align: middle;
}

/* BIG */
.product-item-label-text.product-item-label-big span,
.product-item-scalable-card.hover .product-item-label-text.product-item-label-big span{
	line-height: 17px;
	font-size: var(--font-size-sm);
	padding: 4px 10px;
}

.product-item-label-left  { left:  -5px;}
.product-item-label-top   { top:   -5px;}

.product-item-small-card .product-item-label-text.product-item-label-small span,
.bx_catalog_item_container .product-item-label-text.product-item-label-small span {
    line-height: 21px;
    font-size: var(--font-size-base);
    padding: 2px 12px;
    margin: 15px;
    border-radius: var(--radius-sm);
}

@media (max-width:767px) {
    .product-item-big-card .product-item-label-text.product-item-label-small span,
	.product-item-label-text.product-item-label-big span,
	.product-item-scalable-card.hover .product-item-label-text.product-item-label-big span{
		margin-bottom:1px;
		line-height: 16px;
		font-size: var(--font-size-sm);
		padding: 3px 12px;
	}
}

/* === Submit-button: всегда одинаковый размер (фикс синего hover/focus и подскока на 1px при дисейбле) === */
/* Главная: форма уже зелёная — кнопка белая с зелёным текстом, чтобы выделялась на фоне */
/* Минимальный фикс: убрать синие/зелёные подсветки при клике/фокусе на иконках соцсетей шапки */
/* На главной inline-блок reassurance внутри slam:easyform скрыт.
   Используется отдельный .feedback-form-reassurance ниже после строки *-поля */
/* === Каталог: красивые плитки категорий (только Bitrix .bx_catalog_tile_ul на /catalog/) === */
@media (max-width: 768px) { }
.catalog-lead {
    font-size: var(--font-size-base);
    line-height: var(--lh-base);
    color: #4b5563;
    margin: 0 0 12px !important;
    font-weight: 400;
    text-wrap: pretty;
    hyphens: manual;
}
.bx_catalog_tile_ul {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 20px;
    list-style: none !important;
    padding: 0 !important;
    margin: 4px 0 12px !important;
}
.sections-content { margin-top: 8px !important; }
.sections-content p { margin: 0 0 8px !important; }
.bx_catalog_tile_ul > li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: var(--radius-lg) !important;
    overflow: hidden;
    transition: transform .2s, box-shadow .2s, border-color .2s;
    float: none !important;
    width: auto !important;
    height: auto !important;
}
.bx_catalog_tile_ul > li:hover {
    border-color: #00ad5d !important;
    box-shadow: 0 4px 16px rgba(0, 173, 93, 0.12);
    transform: translateY(-2px);
}
.bx_catalog_tile_ul > li > a.bx_catalog_tile_img {
    display: block;
    width: 100%;
    height: 160px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #f3f4f6;
    text-decoration: none;
}
.bx_catalog_tile_title {
    margin: 0 !important;
    padding: 14px 12px !important;
    text-align: center;
    font-size: var(--font-size-base) !important;
    font-weight: 700;
    line-height: 1.35;
}
.bx_catalog_tile_title a {
    color: #111827 !important;
    text-decoration: none !important;
}
.bx_catalog_tile_title a:hover { color: #00ad5d !important; }
/* Убираем тонкую разделительную линию над футер-юр-блоком — она выглядит как «вылезающая полоска» */
/* === Чекбокс согласия — заметный и легко кликаемый во всех формах === */
.pd-consent {
    margin: 12px 0 14px !important;
    padding: 10px 12px !important;
    background: rgba(0, 173, 93, 0.04);
    border: 1px solid rgba(0, 173, 93, 0.18);
    border-radius: var(--radius-md);
    font-size: var(--font-size-sm) !important;
    line-height: 1.45 !important;
}
.pd-consent label {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    cursor: pointer !important;
    font-weight: 400 !important;
    margin: 0 !important;
}
.pd-consent input[type="checkbox"].pd-consent-checkbox {
    width: 18px !important;
    height: 18px !important;
    flex-shrink: 0 !important;
    margin: 1px 0 0 0 !important;
    accent-color: #00ad5d;
    cursor: pointer;
}
.pd-consent span { color: #4b5563; }
.pd-consent a { color: #00ad5d; text-decoration: underline; }
.pd-consent a:hover { color: #027b43; }

/* На главной форме (зелёный фон) — pd-consent адаптируется: */
/* Подавляем синий focus/active outline на плитках при клике мышью */
.bx_catalog_tile_ul a,
.bx_catalog_tile_ul a:hover,
.bx_catalog_tile_ul a:focus,
.bx_catalog_tile_ul a:active,
.bx_catalog_tile_ul a:focus:not(:focus-visible) {
    outline: none !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

/* === ГЛОБАЛЬНО: убираем синюю «обводку фокуса» при клике мышью.
   При навигации с клавиатуры (Tab) — фокус остаётся видимым (focus-visible). === */
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
img:focus:not(:focus-visible),
a:focus-visible, button:focus-visible {
    outline: 2px solid rgba(0, 173, 93, 0.5);
    outline-offset: 2px;
    border-radius: 4px;
}

@media (max-width: 600px) {
    .bx_catalog_tile_ul { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .bx_catalog_tile_ul > li > a.bx_catalog_tile_img { height: 120px; }
    .bx_catalog_tile_title { font-size: var(--font-size-sm) !important; padding: 10px 8px !important; }
}

/* ---------- мобильные и адаптивные правила раздела ---------- */

@media (min-width: 744px) and (max-width: 991px) {
    .bx_vertical_menu_advanced ul li a:visited,
        .bx_hma_one_lvl > a:visited,
        .catalog-menu_link li a:visited,
        .catalog-menu .bx_vertical_menu_advanced a:visited,
        .catalog-menu a:visited {
            color: #1f2d38 !important;
        }
}

@media (max-width: 991px) {
    .sale-block,
        .sale-block .slick-list,
        .sale-block .slick-track {
            width: 100% !important;
            max-width: 100vw !important;
            transform: none !important;
            overflow: hidden !important;
        }
    .sale-block .slick-slide {
            width: 100% !important;
            max-width: 100vw !important;
            transform: none !important;
            float: none !important;
            display: none !important;
        }
    .sale-block .slick-slide.slick-active,
        .sale-block .slick-slide.slick-current,
        .sale-block .slick-slide:first-of-type,
        .carousel-inner.sale-block > .item.active,
        .carousel-inner.sale-block > .item:first-of-type {
            display: block !important;
            position: relative !important;
            left: 0 !important;
            opacity: 1 !important;
        }
    .sale-block,
        .sale-block .slick-list,
        .sale-block .slick-track,
        .sale-block .slick-slide,
        .carousel-inner.sale-block,
        .carousel-inner.sale-block > .item {
            height: auto !important;
            max-height: none !important;
        }
    .sale-block img {
            width: 100% !important;
            max-width: 100% !important;
            height: auto !important;
            display: block !important;
        }
}

@media (max-width: 767px) {
    .bx_catalog_tile .bx_catalog_tile_ul {
            display: grid !important;
            grid-template-columns: repeat(2, 1fr) !important;
            gap: 12px 10px !important;
            float: none !important;
        }
    .bx_catalog_tile .bx_catalog_tile_ul li {
            width: 100% !important;
            float: none !important;
            margin: 0 !important;
            padding: 0 !important;
            box-sizing: border-box;
        }
    .bx_catalog_tile .bx_catalog_tile_img {
            width: 100% !important;
            max-width: none !important;
            height: 140px !important;
            margin: 0 auto !important;
            display: block;
        }
    .bx_catalog_tile .bx_catalog_tile_title a {
            font-size: var(--font-size-sm) !important;
        }
    .bx_catalog_tile {
            margin-bottom: 15px !important;
        }
    .bx_catalog_tile + p.text-center {
            margin-top: 8px !important;
            margin-bottom: 8px !important;
        }
    .catalog-team-button {
            min-height: 44px !important;
            padding: 12px 24px !important;
        }
    .sale-block .item img {
            max-width: 100% !important;
        }
    .product-item-top-card-actions,
        .product-item-top-card-actions-simple {
            flex-wrap: wrap;
        }
    .product-item-top-card-actions__left,
        .product-item-top-card-actions__right {
            width: 100% !important;
        }
    .counter {
            width: 100% !important;
        }
}

@media (max-width: 360px) {
    .bx_catalog_tile .bx_catalog_tile_ul {
            grid-template-columns: 1fr !important;
        }
}

/* ============================================================
 * 6. BITRIX — переопределения битриксовых компонентов
 * ============================================================
 * Перенесено из template_styles.css. Содержит:
 *   - кастомы битриксовых блоков
 *   - режим редактирования (body.bx-admin-active, #bx-panel)
 *   - спец-стилизации (cooperation links, listvennitsa)
 *   - прочие переопределения битрикс-компонентов
 * ============================================================ */

.stycky-panel {
    position: fixed;
    top: 50%;
    bottom: 0;
    transform: translateY(-50%);
    left: 10px;
    z-index: 9999;
}

/* Админка Bitrix должна быть выше всего */
#bx-panel {
    z-index: 10000 !important;
}

/* Визуальный редактор Bitrix должен быть выше всего - используем очень высокий z-index */
.bx-block-editor-container,
.bx-editor-block-btn-close,
.bx-editor-block-btn-full,
.bx-editor-block-btn-html-copy,
.bx-html-editor,
.bxhtml-editor,
.bx-lhe-frame,
.bx-lhe-frame iframe,
.bx-lhe-frame .bx-lhe-toolbar,
.bx-lhe-frame .bx-lhe-toolbar *,
.bx-lhe-frame *,
.bxhtml-editor-container,
.bxhtml-editor-container *,
.bx-lhe-popup,
.bx-lhe-popup *,
.bx-lhe-dialog,
.bx-lhe-dialog *,
body.bx-admin-active .bx-block-editor-container,
body.bx-admin-active .bx-editor-block-btn-close,
body.bx-admin-active .bx-editor-block-btn-full,
body.bx-admin-active .bx-editor-block-btn-html-copy,
body.bx-admin-active .bx-html-editor,
body.bx-admin-active .bxhtml-editor,
body.bx-admin-active .bx-lhe-frame,
body.bx-admin-active .bx-lhe-frame iframe,
body.bx-admin-active .bx-lhe-frame .bx-lhe-toolbar,
body.bx-admin-active .bx-lhe-frame .bx-lhe-toolbar *,
body.bx-admin-active .bx-lhe-frame *,
#bx-panel ~ * .bx-block-editor-container,
#bx-panel ~ * .bx-lhe-frame,
#bx-panel ~ * .bx-lhe-frame *,
#bx-panel ~ * .bxhtml-editor,
div[id*="bx-lhe"],
div[id*="bxhtml-editor"],
div[class*="bx-lhe"],
div[class*="bxhtml-editor"],
div[class*="bx-editor"],
/* Универсальные селекторы для всех элементов визуального редактора */
[class*="bx-lhe"],
[class*="bxhtml-editor"],
[id*="bx-lhe"],
[id*="bxhtml-editor"] {
    z-index: 10050 !important;
}

/* Переопределяем z-index для контейнера визуального редактора, если он задан через style */
.bx-lhe-frame[style*="z-index"],
.bxhtml-editor[style*="z-index"],
.bx-block-editor-container[style*="z-index"] {
    z-index: 10050 !important;
}

/* Уменьшаем z-index главного меню и header до минимума, когда открыта админка Bitrix */
body.bx-admin-active header,
body.bx-admin-active .header,
body.bx-admin-active .navbar-top,
body.bx-admin-active .navbar,
body.bx-admin-active .navbar-top *,
body.bx-admin-active .navbar *,
body.bx-admin-active #navbar,
body.bx-admin-active #navbar *,
body.bx-admin-active .navbar-collapse,
body.bx-admin-active .navbar-collapse *,
body.bx-admin-active .stycky-panel,
body.bx-admin-active .mobile-fixed,
body.bx-admin-active #horizontal-multilevel-menu,
body.bx-admin-active #horizontal-multilevel-menu ul,
body.bx-admin-active #horizontal-multilevel-menu li ul,
body.bx-admin-active .navbar-header,
body.bx-admin-active .navbar-header *,
body.bx-admin-active .navbar-fixed-top,
body.bx-admin-active .navbar-fixed-top * {
    z-index: 1 !important;
    position: relative !important;
}

/* Альтернативный способ через селектор по наличию #bx-panel в документе */
#bx-panel ~ * header,
#bx-panel ~ * .header,
#bx-panel ~ * .navbar-top,
#bx-panel ~ * .navbar,
#bx-panel ~ * .navbar-top *,
#bx-panel ~ * .navbar *,
#bx-panel ~ * #navbar,
#bx-panel ~ * #navbar *,
#bx-panel ~ * .navbar-collapse,
#bx-panel ~ * .navbar-collapse *,
#bx-panel ~ * .stycky-panel,
#bx-panel ~ * .mobile-fixed,
#bx-panel ~ * #horizontal-multilevel-menu,
#bx-panel ~ * #horizontal-multilevel-menu ul,
#bx-panel ~ * #horizontal-multilevel-menu li ul,
#bx-panel ~ * .navbar-header,
#bx-panel ~ * .navbar-header *,
#bx-panel ~ * .navbar-fixed-top,
#bx-panel ~ * .navbar-fixed-top * {
    z-index: 1 !important;
    position: relative !important;
}

/* Баннер не должен перекрывать визуальный редактор - ставим минимальный z-index */
body.bx-admin-active .sale-block,
body.bx-admin-active .sale-block *,
#bx-panel ~ * .sale-block,
#bx-panel ~ * .sale-block * {
    z-index: 1 !important;
    position: relative !important;
}

/* Убеждаемся, что родительские контейнеры визуального редактора не создают проблем со stacking context */
body.bx-admin-active [class*="bx-lhe"],
body.bx-admin-active [id*="bx-lhe"],
body.bx-admin-active [class*="bxhtml-editor"],
body.bx-admin-active [id*="bxhtml-editor"] {
    position: relative !important;
    z-index: 10050 !important;
}

.stycky-panel a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: var(--radius-sm);
    transform: scale(0.8);
    opacity: 0.7;
    transition-duration: 0.3s;
    margin-bottom: 16px;
    background: #00ad5d;
}

.stycky-panel a:hover {
    transform: scale(1.2);
    opacity: 1;
    transition-duration: 0.3s;
}

.social-links {
    margin: 30px 0;
}

.social-links-content {
    display: flex;
    justify-content: center;
}

.social-links a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    margin-right: 16px;
    border-radius: var(--radius-sm);
    background: #00ad5d;
}

.social-links a:last-child {
    margin-right: 0;
}

@media (max-width:480px) {
    .catalog-team-head br {
        display:none;
}
    .catalog-team {
        min-height: 143px!important;
}
}

.catalog-team {
   background: linear-gradient(-170deg, #00ad5d 0, #017c43 100%);
    margin-bottom: 20px;
    padding: 20px;
    border-radius: var(--radius-sm);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Выравнивание высоты всех трех блоков */
.features-index {
    display: flex;
    align-items: stretch;
}

.features-index .col-md-3 {
    display: flex;
}

.features-index .col-md-9 .row {
    display: flex;
    align-items: stretch;
}

.features-index .catalog-team {
    width: 100%;
}

.catalog-team:hover {
    box-shadow: var(--shadow-md);
    transform: translateY(-3px);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.catalog-team-div-button {
    margin-top: auto;
    display: flex;
    justify-content: flex-end;
}

.catalog-team-div-button .pull-left {
    float: none !important;
}

.catalog-team-button {
    background: #fff !important;
    color: #333 !important;
    border-radius: 20px !important;
    border: none !important;
    padding: 12px 28px !important;
    font-size: var(--font-size-base) !important;
    font-weight: 500 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.2s ease-in-out !important;
    -webkit-transition: all 0.2s ease-in-out !important;
    transform: translateY(0) !important;
}

.catalog-team-head {
    font-size: var(--font-size-h4) !important;
    font-weight: 700 !important;
    color: #fff !important;
}

.catalog-team-button:hover {
    background: #f5f5f5 !important;
    color: #333 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.15) !important;
    transform: translateY(-1px) !important;
}

.catalog-team-button:active {
    transform: translateY(0) !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15) !important;
}

.catalog-team-icons i {
    color: #fff;
    font-size: var(--font-size-h2);
}

/* mobile-fixed */
.mobile-fixed {
	width: 100%;
	position: fixed;
	display: none; /* LOT 2026-06-03: скрыт по умолчанию, показывается через @media; см. mobile-new.css и блок @media (max-width:767px) ниже */
	z-index: 9999;
	justify-content: space-between;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 8px 24px;
	background: #00ad5d;
}

@media (max-width: 991px) {
	.mobile-fixed { display: flex !important; }
}

.mobile-fixed__item {
	display: flex;
	position: relative;
    top: 3px;
	color: #fff;
	font-size: var(--font-size-xs);
	flex-direction: column;
	align-items: center;
}

#vk_community_messages {
	bottom: 64px !important;
}

.sale-block {
    display:flex;
    justify-content: center;
}
.product-item-label-left {
    display:flex;
}
.product-item-label-left .label-div:nth-child(2) span {
    margin: 15px 0 15px 0px;
}

/* Лиственница красным в меню каталога (боковое меню и главное меню) */
/* "Зарабатывайте с нами" красным в меню */
.navbar-nav a[href="/cooperation/"],
.navbar-nav-menu li a[href="/cooperation/"],
.navbar-nav-menu li ul a[href="/cooperation/"],
.navbar-nav-menu li li a[href="/cooperation/"],
.navbar-nav-menu li:hover li a[href="/cooperation/"],
.navbar-nav-menu li.jshover li a[href="/cooperation/"],
.navbar-nav-menu li:hover li:hover li a[href="/cooperation/"],
.navbar-nav-menu li.jshover li.jshover li a[href="/cooperation/"],
.navbar-nav-menu li:hover li:hover li:hover li a[href="/cooperation/"],
.navbar-nav-menu li.jshover li.jshover li.jshover li a[href="/cooperation/"],
.navbar-nav-menu li:hover li:hover li:hover li:hover li a[href="/cooperation/"],
.navbar-nav-menu li.jshover li.jshover li.jshover li.jshover li a[href="/cooperation/"],
.navbar-nav-menu li:hover li:hover li:hover li:hover li:hover li a[href="/cooperation/"],
.navbar-nav-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a[href="/cooperation/"],
.navbar-nav-menu li:hover li:hover a[href="/cooperation/"],
.navbar-nav-menu li.jshover li.jshover a[href="/cooperation/"],
#horizontal-multilevel-menu li a[href="/cooperation/"],
#horizontal-multilevel-menu li ul a[href="/cooperation/"],
#horizontal-multilevel-menu li li a[href="/cooperation/"],
#horizontal-multilevel-menu li:hover li a[href="/cooperation/"],
#horizontal-multilevel-menu li.jshover li a[href="/cooperation/"],
#horizontal-multilevel-menu li:hover li:hover li a[href="/cooperation/"],
#horizontal-multilevel-menu li.jshover li.jshover li a[href="/cooperation/"],
#horizontal-multilevel-menu li:hover li:hover li:hover li a[href="/cooperation/"],
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a[href="/cooperation/"],
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a[href="/cooperation/"],
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a[href="/cooperation/"],
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a[href="/cooperation/"],
.footer-menu-link a[href="/cooperation/"],
.footer-menu-right a[href="/cooperation/"],
.footer-menu_partners a[href="/cooperation/"] {
    color: #ff0000 !important;
}

.bx-touch .product-item {
    padding-top:0!important;
}

.overlay {
background-color: rgba(0, 0, 0, 0.7);
bottom: 0;
cursor: default;
left: 0;
opacity: 0;
position: fixed;
right: 0;
top: 0;
visibility: hidden;
z-index: 1;
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
-ms-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
}
.overlay:target {
visibility: visible;
opacity: 1;
}
.popup {
background-color: #fff;
border: 3px solid #fff;
display: inline-block;
left: 50%;
opacity: 0;
padding: 15px;
position: fixed;
text-align: justify;
font: 14px Helvetica, Arial, Sans-Serif;
top: 40%;
visibility: hidden;
z-index: 10;

-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);

-webkit-border-radius: var(--radius-lg);
-moz-border-radius: var(--radius-lg);
-ms-border-radius: var(--radius-lg);
-o-border-radius: var(--radius-lg);
border-radius: var(--radius-lg);

-webkit-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
-moz-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
-ms-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
-o-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;

-webkit-transition: opacity .5s, top .5s;
-moz-transition: opacity .5s, top .5s;
-ms-transition: opacity .5s, top .5s;
-o-transition: opacity .5s, top .5s;
transition: opacity .5s, top .5s;
}
.overlay:target+.popup {
top: 50%;
opacity: 1;
visibility: visible;
}
.close {
background-color: rgba(0, 0, 0, 0.8);
border: 2px solid #ccc;
height: 24px;
line-height: 24px;
position: absolute;
right: -13px;
font-weight: 700;
text-align: center;
text-decoration: none;
top: -15px;
width: 24px;
-webkit-border-radius: var(--radius-lg);
-moz-border-radius: var(--radius-lg);
-ms-border-radius: var(--radius-lg);
-o-border-radius: var(--radius-lg);
border-radius: var(--radius-lg);
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}
.close:before {
color: rgba(255, 255, 255, 0.9);
content: "X";
font-size: var(--font-size-sm);
text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
}
.close:hover {
background-color: rgba(64, 128, 128, 0.8);
}

section.section-docs .slick-prev:before, .slick-next:before {
    color: #52ac62;
}

/* Скрытие точек навигации слайдера сертификатов */
section.section-docs .slick-dots {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

section.section-docs .slick-dots li {
    display: none !important;
}

section.section-docs .slick-dots li button,
section.section-docs .slick-dots li button:before {
    display: none !important;
}

section.section-docs .slick-dots li.slick-active button:before {
    display: none !important;
}

section.section-docs .slick-slide a:focus {
    outline: none;
}

section.section-docs .slick-slide {
    padding: 0 10px;
}

section.section-docs .slick-slide img {
    width: 100%;
}

@media screen and (max-width: 788px) {
    section.section-docs .slick-next {
        right: -10px;
    }

    section.section-docs .slick-prev {
        left: -10px;
    }

    .sale-block .item img {
        max-width: 100%;

    }
}
.product-item-callback {
    margin-top: 45px;
    margin-bottom: 50px;
    padding: 50px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;

}

.product-item-callback h4 {
    font-size: 35px;
}

.product-item-callback p {
    font-weight: 500;
}

.alert-success {
    z-index: 10;
position: relative;
}

.product-item-callback .warning-buy {
    font-size: var(--font-size-sm);
}

/* Убрать лишние отступы секции документов */
/* Кнопка "Очистить корзину" */
#clear-basket-btn {
    font-size: var(--font-size-sm) !important;
    padding: 5px 10px !important;
    text-decoration: none !important;
    color: #dc3545 !important;
    border: none !important;
    background: none !important;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    transition: color 0.2s ease;
    margin-right: 0;
}

#clear-basket-btn:hover {
    color: #c82333 !important;
    text-decoration: none !important;
}

#clear-basket-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

#clear-basket-btn svg {
    flex-shrink: 0;
}

/* Скрыть блок авторства Яндекс.Карт (© Яндекс и "Создать свою карту") */
.bx-yandex-map [class*="copyrights-pane"],
.bx-yandex-view-map [class*="copyrights-pane"],
[class*="copyrights-pane"] {
    display: none !important;
}

/* === Мобильные отступы секций === */
@media (max-width: 768px) {
}

/* === Исправления цвета текста === */

/* Форма обратной связи на главной странице - заголовок белым */
/* Форма обратной связи - описание белым */
/* Страницы контактов - "Тел:" белым и жирным */
.contacts-item-phone,
.contacts-item-phone label,
.contacts-item-phone strong,
.contacts-item-phone b {
    color: #ffffff !important;
    font-weight: 300 !important;
}

/* Страницы контактов - текст телефона белым */
.contacts-item-phone a,
.contacts-item-phone span {
    color: #ffffff !important;
    font-weight: 300 !important;
}

/* Страницы контактов - "Адрес:" белым */
.contacts-item-address label {
    color: #ffffff !important;
    font-weight: 300 !important;
}

/* Страницы контактов - "Построить маршрут" белым и жирным */
.contacts-item-route,
.contacts-item-route label,
.contacts-item-route a,
.contacts-item-route span {
    color: #ffffff !important;
    font-weight: 300 !important;
}

/* Корень каталога /catalog/ — H1 центруется по всей странице */
/* H1 внутри col-md-9 (например /stock/, страница категории, страница товара) —
   центрируется ВНУТРИ своей колонки. Раньше тут был трюк с отрицательным margin
   для растягивания на всю ширину .container, но он наезжал на левую колонку с меню. */
/* Карточка товара: H1 живёт внутри col-md-9 рядом с фото товара,
   центрируется ВНУТРИ правой колонки, не растягивается на всю страницу */
/* Карточка товара: метка «Акция» (product-item-label-left) — абсолютно позиционирована,
   привязываем её к контейнеру изображения, иначе она «улетает» вверх к col-md-9 */
.product-item-top-card-image,
.product-item-detail-slider-container,
.product-item-detail-slider-block {
    position: relative !important;
}

/* Карточка товара: широкие таблицы в описании (price-list, спецификации) ломают
   мобильную и планшетную вёрстку — оборачиваем в горизонтальный скролл, не растягивая страницу */
.bx-catalog-element table,
.m-table-scroll {
    display: block !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
}
.bx-catalog-element table {
    width: auto !important;
}

/* Карточка товара: на планшете (≤991px) форма с ценой и калькулятор не должны
   вылезать за правый край — занимают полную ширину col-md-9 */
@media (max-width: 991px) {
    .product-item-price-card-wrap {
        flex-wrap: wrap !important;
    }
    .product-item-price-card,
    .product-item-price-card-1,
    .product-item-price-card-2,
    .product-item-price-card-3,
    .product-item-price-card-4 {
        max-width: 100% !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }
    .bx-catalog-element .col-md-9,
    .bx-catalog-element .col-md-3 {
        max-width: 100% !important;
    }
}
@media (max-width: 991px) {
    }

@media (max-width: 767px) {
    .container,
    .container-fluid,
    .row {
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    img {
        max-width: 100% !important;
        height: auto !important;
    }
}

/* === Карточки товаров в листинге: мелкие улучшения для мобилы === */
@media (max-width: 767px) {
    /* Разрешаем перенос длинного текста производителя/городов — не обрезаем многоточием */
    .product-item .product-item-manufacturer,
    .product-item-manufacturer {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        line-height: var(--lh-tight) !important;
    }
    /* Заголовок карточки — не нужен min-height, который давит пустое пространство */
    .product-item .product-item-title {
        min-height: 0 !important;
        line-height: 1.2 !important;
    }
}

/* === Карточки каталога: расширение на мобиле, чтобы не съедалась ширина =====
   На мобиле каждая вложенная row/col добавляет padding 10-15px без компенсации,
   из-за чего карточка ужимается с 375 до ~105px. Гасим внутренние padding'и. */
@media (max-width: 743px) {
    /* Внешние обёртки страниц каталога — уменьшаем padding (специфично к комбо col-md-9.col-sm-8) */
    .col-md-9.col-sm-8 {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
    .col-md-9.col-sm-8 > .row {
        margin-left: -4px !important;
        margin-right: -4px !important;
    }
    .col-md-9.col-sm-8 > .row > .col-xs-12 {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
    /* Внешний контейнер каталога — без боковых padding */
    .catalog-section,
    .bx-catalog-section,
    .row.product-item-list-col-3,
    .row.product-item-list-col-1,
    .row.product-item-list-col-2,
    .row.product-item-list-col-4 {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    /* Внутренние «обёртки» small-card и big-card — без padding */
    .product-item-small-card,
    .product-item-big-card,
    .product-item-small-card > .row,
    .product-item-big-card > .row,
    .product-item-small-card > .row > .col-md-12,
    .product-item-big-card > .row > .col-md-12 {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    /* Картинка карточки — на всю ширину карточки */
    .product-item-image-original,
    .product-item-image-alternative,
    .product-item .product-item-image-wrapper img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }
    /* Сама карточка с тонким бордером — содержимое до краёв */
    .product-item {
        margin-bottom: 16px !important;
    }
}

/* ---------- мобильные и адаптивные правила раздела ---------- */

@media (max-width: 767px) {
    #vk_community_messages {
            display: none !important;
        }
    #vk_community_messages,
        body:not(.bx-admin-active) #vk_community_messages,
        [id="vk_community_messages"] {
            display: none !important;
            visibility: hidden !important;
            height: 0 !important;
            min-height: 0 !important;
            overflow: hidden !important;
            position: absolute !important;
            left: -9999px !important;
            pointer-events: none !important;
        }
}

/* ============================================================
 * 7. ПРОЧИЕ МОБИЛЬНЫЕ ПРАВИЛА (без категории)
 * ============================================================ */

/* ---------- мобильные и адаптивные правила раздела ---------- */

@media (max-width: 991px) {
    .search-form,
        .navbar .btn-header {
            float: none !important;
            display: block !important;
            margin: 8px 16px;
            width: calc(100% - 32px) !important;
        }
    @media (max-width: 767px) {
            .bx-breadcrumb,
            .breadcrumb,
            nav[aria-label="breadcrumb"] {
                display: none !important;
            }
        }
}

@media (max-width: 767px) {
    .mobile-fixed {
            position: fixed !important;
            bottom: 0 !important;
            left: 0 !important;
            right: 0 !important;
            width: 100% !important;
            display: flex !important;
            justify-content: space-between !important;
            background: #00ad5d !important;
            z-index: 9999 !important;
            min-height: 56px;
            padding: 10px 16px;
            -webkit-tap-highlight-color: transparent;
        }
    .mobile-fixed__item {
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: center !important;
            min-width: 48px;
            min-height: 48px;
            padding: 8px 4px !important;
            font-size: var(--font-size-xs) !important;
            color: #fff !important;
            text-decoration: none !important;
            -webkit-tap-highlight-color: transparent;
        }
    .mobile-fixed__item:hover,
        .mobile-fixed__item:focus,
        .mobile-fixed__item:active {
            color: #fff !important;
            text-decoration: none !important;
        }
    .mobile-fixed__item-img {
            width: 24px !important;
            height: 24px !important;
            min-width: 24px;
            min-height: 24px;
        }
    #horizontal-multilevel-menu a,
        .navbar-nav a {
            min-height: 44px !important;
            padding: 12px 15px !important;
            display: flex !important;
            align-items: center !important;
        }
    input[type="text"],
        input[type="tel"],
        input[type="email"],
        input[type="number"] {
            font-size: var(--font-size-base) !important;
        }
    .features-section {
            padding-top: 4px !important;
            padding-bottom: 4px !important;
            margin-top: 0 !important;
        }
    #vk_groups > iframe,
        #vk_groups iframe {
            display: block !important;
            margin: 0 auto !important;
            width: 100% !important;
            max-width: 100% !important;
        }
    .social-links {
            margin-top: 10px !important;
            margin-bottom: 20px !important;
        }
    .social-links .social-links-content {
            display: flex !important;
            justify-content: center !important;
            align-items: center !important;
            gap: 12px;
        }
    .social-links .social-links-content a {
            display: flex !important;
            align-items: center;
            justify-content: center;
            width: 64px;
            height: 64px;
            margin-right: 0;
            border-radius: var(--radius-sm);
            background: #00ad5d;
        }
    .social-links .social-links-content a.social-links-telegram-btn {
            padding: 0 !important;
        }
    .social-links .social-links-content a.social-links-telegram-btn img {
            width: 28px;
            height: 28px;
            filter: brightness(0) invert(1);
        }
    .social-links .social-links-content a img {
            max-width: 100%;
            height: auto;
        }
    .telegram-question-btn {
            display: flex !important;
            position: fixed;
            bottom: 70px;
            right: 16px;
            z-index: 999;
            background: linear-gradient(135deg, #00ad5d 0%, #028a49 100%);
            color: #fff !important;
            text-decoration: none !important;
            padding: 12px 16px;
            border-radius: var(--radius-lg);
            box-shadow: 0 4px 16px rgba(0, 173, 93, 0.4);
            align-items: center;
            gap: 10px;
            min-height: 52px;
            font-size: var(--font-size-sm);
            font-weight: 500;
            -webkit-tap-highlight-color: transparent;
        }
    .telegram-question-btn img,
        .telegram-question-btn .telegram-question-btn__icon img {
            filter: brightness(0) invert(1) !important;
            opacity: 1 !important;
        }
    [id="vk_community_messages"] *,
        #vk_community_messages iframe {
            display: none !important;
        }
}

@media (max-width: 768px) {
    .search-form {
            margin-right: 0 !important;
            margin-bottom: 15px;
            float: none;
            width: 100%;
        }
    .search-form form {
            max-width: 100% !important;
        }
}

@media (min-width: 768px) and (max-width: 991px) {
    .stycky-panel,
        #vk_community_messages,
        [id="vk_community_messages"] {
            display: none !important;
        }
}

@media (min-width: 768px) {
    .telegram-question-btn {
            display: none !important;
        }
}

/* ============================================================
 * 8. PAGE-SPECIFIC — стили отдельных страниц
 * ============================================================
 * Перенесено из inline <style> на страницах
 * /otzyvy/ и /cooperation/
 * ============================================================ */

/* ---------- /otzyvy/ — Отзывы (тaбы по филиалам) ---------- */
.reviews-tabs {
    margin: 30px 0;
}
.reviews-tabs-nav {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
    border-bottom: 2px solid #e0e0e0;
}
.reviews-tabs-nav--center {
    justify-content: center;
    flex-wrap: wrap;
}
.reviews-tab-btn {
    padding: 12px 24px;
    background: #f5f5f5;
    border: none;
    border-bottom: 3px solid transparent;
    cursor: pointer;
    font-size: var(--font-size-base);
    color: #333;
    transition: all 0.3s;
}
.reviews-tab-btn:hover {
    background: #e8e8e8;
    color: #00ad5d;
}
.reviews-tab-btn.active {
    background: #fff;
    border-bottom-color: #00ad5d;
    color: #00ad5d;
    font-weight: 700;
}
.reviews-tab-content {
    display: none;
    padding: 20px 0;
}
.reviews-tab-content.active {
    display: block;
}
.reviews-yandex-link {
    display: inline-block;
    margin-top: 20px;
    padding: 12px 24px;
    background: #00ad5d;
    color: #fff;
    text-decoration: none;
    border-radius: var(--radius-sm);
    font-weight: 700;
    transition: background 0.3s;
}
.reviews-yandex-link:hover {
    background: #027b43;
    color: #fff;
    text-decoration: none;
}
.reviews-tab-content h3 {
    margin-top: 0;
    margin-bottom: 15px;
    color: #333;
    font-size: var(--font-size-h2);
    text-align: center;
}
.reviews-filial-address {
    text-align: center;
}
.reviews-tab-content iframe {
    max-width: 100%;
}
.reviews-widget-container {
    background: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: var(--radius-md);
    padding: 30px;
    margin: 20px 0;
    text-align: center;
}
.reviews-widget-container p {
    margin: 15px 0;
    color: #666;
    font-size: var(--font-size-base);
}
.reviews-list-container {
    min-height: 200px;
}
.review-item {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: var(--radius-md);
    padding: 20px;
    margin-bottom: 15px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.review-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.review-author {
    font-weight: 700;
    color: #333;
    font-size: var(--font-size-base);
}
.review-date {
    color: #999;
    font-size: var(--font-size-sm);
}
.review-rating {
    color: #ffc107;
    font-size: var(--font-size-lg);
    margin: 10px 0;
}
.review-text {
    color: #666;
    line-height: var(--lh-loose);
    margin-top: 10px;
}
.reviews-filial-address {
    color: #666;
    font-size: var(--font-size-base);
    margin-bottom: 20px;
    font-style: italic;
}

/* ---------- /cooperation/ — Сотрудничество ---------- */
/* Чистая типографика страницы /cooperation/ */
.cooperation { color: #1f2937; line-height: var(--lh-loose); }
.cooperation h1, .cooperation h2, .cooperation h3 { color: #111827; font-weight: 700; line-height: var(--lh-tight); }
.cooperation > h3 { font-size: var(--font-size-h2); margin: 0 0 20px; color: #1f2937; font-weight: 500; }
.cooperation h2 { font-size: 26px; margin: 36px 0 14px; color: #00ad5d !important; font-weight: 700; }
.cooperation h3 { font-size: var(--font-size-h4); margin: 16px 0 12px; }
.cooperation p { font-size: var(--font-size-base) !important; font-weight: 400 !important; line-height: var(--lh-loose) !important; margin: 0 0 12px; }
.cooperation ul { padding-left: 22px !important; list-style: disc !important; font-size: var(--font-size-base) !important; line-height: var(--lh-loose) !important; margin: 0 0 18px; }
.cooperation ul li { margin-bottom: 8px; padding-left: 4px; }
.cooperation ul li::marker { color: #00ad5d; }
.cooperation ul li b { color: #111827; font-weight: 700; }
.cooperation ul li br + * { display: inline-block; margin-top: 2px; color: #4b5563; font-size: var(--font-size-base); }
.cooperation-content { margin-top: 16px; display: flex; flex-wrap: wrap; gap: 24px; }
.cooperation-content .col-md-7 { flex: 1 1 55%; min-width: 280px; }
.cooperation-content .col-md-5 { flex: 1 1 35%; min-width: 280px; }
.cooperation-content .col-md-12 { flex: 1 1 100%; }
.cooperation-content img { max-width: 100%; height: auto; border-radius: var(--radius-md); }
.cooperation-btn { margin-top: 24px; }
.cooperation-btn p { font-size: var(--font-size-base) !important; margin-bottom: 12px; }
.cooperation-btn .btn-primary { display: inline-block; padding: 12px 28px; font-size: var(--font-size-base); background: var(--color-primary); color: var(--color-white); border-radius: var(--radius-md); text-decoration: none; cursor: pointer; transition: background .2s; }
.cooperation-btn .btn-primary:hover { background: var(--color-primary-dark); color: var(--color-white); text-decoration: none; }
@media (max-width: 768px) {
  .cooperation > h3 { font-size: var(--font-size-h4); }
  .cooperation h2 { font-size: var(--font-size-h1-mobile); }
  .cooperation h3 { font-size: var(--font-size-lg); }
}

/* ============================================================
 * 9. INLINE STYLES → KLASSY (перенесено из template'ов easyform и footer.php)
 * ============================================================ */

/* ---------- Согласие на обработку ПД (.pd-consent) — формы slam/easyform ---------- */
.pd-consent {
    margin-bottom: 12px;
    font-size: var(--font-size-sm);
    line-height: 1.4;
}

.pd-consent-label {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    cursor: pointer;
    font-weight: 400;
}

.pd-consent-checkbox {
    margin-top: 3px;
    flex-shrink: 0;
}

/* ---------- Подвал: юридическая информация ---------- */
.footer-legal {
    padding-top: 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.footer-legal .disklamer {
    margin: 0 0 12px;
    font-size: var(--font-size-sm);
    line-height: var(--lh-base);
}

.legal-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px 24px;
    font-size: var(--font-size-sm);
}

.footer-bottom-container {
    padding-top: 0;
    padding-bottom: 0;
}

/* ---------- Модалка #successBasket: «Товар добавлен в корзину» ---------- */
#basket-product-info {
    display: flex;
    align-items: center;
    gap: 20px;
}

#basket-product-image {
    flex-shrink: 0;
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    border-radius: var(--radius-sm);
}

.basket-product-info-text {
    flex: 1;
    text-align: left;
}

#basket-product-name {
    font-size: var(--font-size-base);
    font-weight: 500;
    margin-bottom: 8px;
}

#basket-product-quantity {
    font-size: var(--font-size-sm);
    color: #666;
    margin-bottom: 5px;
}

#basket-product-price {
    font-size: var(--font-size-lg);
    font-weight: 700;
    color: var(--color-primary);
}

#successBasket .modal-footer {
    text-align: right;
}

/* конец section 9 */


/* ============================================================
 * 10. /privacy/, /soglasie/ — юридические документы (.legal-doc)
 * ============================================================
 * Перенесено из inline <style> на страницах
 * ============================================================ */
.legal-doc {
    max-width: 860px;
    margin: 0 auto !important;
    padding: 24px 16px 48px;
    line-height: 1.65;
    color: #1f2937;
    font-size: var(--font-size-base);
}

.legal-doc h2 {
    font-size: var(--font-size-h4);
    font-weight: 700;
    margin: 36px 0 14px;
    padding-top: 18px;
    border-top: 1px solid #e5e7eb;
    color: #111827;
}

.legal-doc h2:first-of-type {
    border-top: none;
    padding-top: 0;
    margin-top: 8px;
}

.legal-doc p {
    margin: 0 0 14px;
}

.legal-doc ul {
    margin: 0 0 16px;
    padding-left: 22px;
}

.legal-doc ul li {
    margin-bottom: 6px;
}

.legal-doc a {
    color: var(--color-primary);
    text-decoration: underline;
}

.legal-doc a:hover {
    color: var(--color-primary-dark);
}

.legal-doc__meta {
    color: #6b7280;
    font-size: var(--font-size-sm);
    margin-bottom: 24px;
}


/* ============================================================
 * 11. ОСТАТКИ — кнопки/иконки/спец-элементы
 * ============================================================ */

/* Кнопка «Очистить корзину» */
.clear-basket-btn-style {
    font-size: var(--font-size-sm);
    padding: 5px 10px;
}

/* «Нет в наличии» в карточке товара */
.out-of-stock-text {
    font-size: var(--font-size-xs);
    color: #ffabab;
}

/* Согласие на ПД в форме «Работа» (.pd-consent--job — вариант) */
.pd-consent--job {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    cursor: pointer;
    font-weight: 400;
    font-size: var(--font-size-sm);
    line-height: 1.4;
    margin: 8px 0 12px;
    padding: 10px 12px;
    background: rgba(0, 173, 93, 0.04);
    border: 1px solid rgba(0, 173, 93, 0.18);
    border-radius: var(--radius-md);
}

.pd-consent-text {
    color: #4b5563;
}

.pd-consent-link {
    color: var(--color-primary);
    text-decoration: underline;
}

/* Телефон в подвале — белый */
.footer-phone-link {
    color: var(--color-white);
}


/* ============================================================
 * 12. УТИЛИТАРНЫЕ КЛАССЫ — из inline style в шаблоне
 * ============================================================ */

/* Шапка: серый фон навигации */
.navbar-top--gray-bg {
    margin-bottom: 0;
    background: #f5f6f8;
}

/* Ссылка соцсети в шапке (Telegram, MAX) */
.header-social-link {
    margin-left: 5px;
}

/* Иконка корзины (SVG) в шапке */
.header-basket-icon {
    margin-top: 30px;
}

/* Ссылка соцсети в подвале */
.footer-social-link {
    margin-left: 5px;
}

/* Логотип в модальных окнах */
.modal-logo-img {
    width: 90px;
    height: auto;
    margin: 10px auto 0;
    display: block;
    position: relative;
    z-index: 2;
}

/* Иконка лупы "Найти строителя" в шапке/секциях */
.catalog-team-search-icon {
    width: 25px;
    height: 25px;
    fill: var(--color-white);
}


/* ============================================================
 * 13. ПАТТЕРНЫ С LOCALHOST:82 (новый дизайн)
 * ============================================================
 * Перенесено из новой версии сайта (BEM, современный стиль).
 * Классы готовы к использованию — применяются когда HTML их получит.
 * ============================================================ */

/* ---------- Заголовки разделов главной (компактные) ---------- */
.home-block-title {
    font-size: var(--font-size-h1);
    font-weight: 500;
    color: var(--color-text);
    margin: 16px 0 12px;
    text-align: left;
}

.home-page-content .home-block-title {
    margin-top: 16px;
    margin-bottom: 12px;
}

/* ---------- Funnel-карточки (CTA-блок «знаете / нужна помощь») ---------- */
.home-dual-funnel {
    margin-top: 16px;
}

.home-page-content .home-dual-funnel {
    margin-top: 16px;
}

.home-page-content .home-dual-funnel.mb-4 {
    margin-bottom: 16px;
}

.home-funnel-card {
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    height: 100%;
    background: var(--color-white);
    transition: transform 0.22s cubic-bezier(.25,.8,.25,1),
                box-shadow 0.22s cubic-bezier(.25,.8,.25,1),
                border-color 0.22s ease;
}

.home-funnel-card--podbor {
    border-color: var(--color-primary);
    background: rgba(0, 173, 93, 0.04);
}

.home-funnel-card__title {
    font-size: var(--font-size-base);
    font-weight: 600;
    margin: 0 0 8px 0;
    color: var(--color-text);
}

.home-funnel-card__text {
    font-size: var(--font-size-sm);
    color: #495057;
    margin: 0 0 12px 0;
    line-height: 1.5;
}

.home-funnel-card .btn {
    margin-top: 4px;
}

.home-dual-funnel .home-funnel-card:focus-within {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(15, 47, 35, 0.12);
    border-color: rgba(0, 173, 93, 0.35);
}

.home-dual-funnel .home-funnel-card--podbor:focus-within {
    box-shadow: 0 10px 24px rgba(0, 173, 93, 0.16);
    border-color: rgba(0, 173, 93, 0.5);
}

/* ---------- Pill-табы (закруглённые кнопки в группе) ---------- */
.material-types-block {
    margin-bottom: 24px;
}

.material-types-block__heading {
    font-size: var(--font-size-h4);
    font-weight: 500;
    margin: 0 0 16px 0;
    color: var(--color-text);
}

.home-material-types .material-types-block__heading {
    font-size: 18px;
}

.material-types-block--home .material-types-tabs {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    padding: 4px;
    border-radius: 999px;
    background: #eef5f1;
}

.material-types-block--home .material-types-tabs__btn {
    border: 0;
    padding: 8px 14px;
    border-radius: 999px;
    background: transparent;
    color: var(--color-text);
    font-size: var(--font-size-sm);
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}

.material-types-block--home .material-types-tabs__btn.is-active {
    background: var(--color-primary);
    color: var(--color-white);
}

.material-types-block--home .material-types-tabs__panel {
    margin-top: 8px;
}

/* ---------- Карточки-выбор (Баня, Фасад, Полы и т.п.) ---------- */
.material-goals-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 16px;
}

.material-goals-card {
    display: block;
    padding: 20px 18px;
    border: 1px solid rgba(48, 67, 81, 0.14);
    border-radius: 10px;
    background: var(--color-white);
    text-decoration: none;
    color: inherit;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.material-goals-card:hover {
    border-color: rgba(0, 173, 93, 0.35);
    box-shadow: 0 6px 20px rgba(0, 173, 93, 0.1);
    text-decoration: none;
    color: inherit;
}

.material-goals-card__icon {
    display: block;
    font-size: 26px;
    line-height: 1;
    margin-bottom: 10px;
}

.material-goals-card__title {
    display: block;
    margin: 0 0 6px 0;
    font-size: var(--font-size-base);
    font-weight: 600;
    color: var(--color-text);
}

.material-goals-card__text {
    display: block;
    margin: 0;
    font-size: var(--font-size-sm);
    color: #555;
    line-height: 1.4;
}

/* ---------- Карточки материалов (зелёный градиент-фон) ---------- */
.material-types-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 16px;
}

.material-types-card {
    display: block;
    padding: 20px 18px;
    background: linear-gradient(180deg, #f8fcf9 0%, #f0f9f4 100%);
    border: 1px solid rgba(0, 173, 93, 0.2);
    border-radius: 10px;
    transition: transform 0.2s, box-shadow 0.2s;
    text-decoration: none;
    color: inherit;
}

.material-types-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 173, 93, 0.12);
    text-decoration: none;
    color: inherit;
}

.material-types-card__icon {
    display: block;
    font-size: 28px;
    margin-bottom: 10px;
    line-height: 1;
}

.material-types-card__title {
    display: block;
    margin: 0 0 6px 0;
    font-size: var(--font-size-base);
    font-weight: 600;
    color: var(--color-text);
}

.material-types-card__text {
    display: block;
    margin: 0;
    font-size: var(--font-size-sm);
    color: #555;
    line-height: 1.4;
}

.material-types-card--selected {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 2px rgba(0, 173, 93, 0.3);
}

.material-types-card--avoid {
    border-color: #f1c3c8 !important;
    background: #fff7f8 !important;
}

.material-types-card__products {
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid rgba(0, 173, 93, 0.15);
    display: flex;
    flex-wrap: wrap;
    gap: 6px 10px;
}

.material-types-card__product-link {
    font-size: var(--font-size-xs);
    color: var(--color-primary);
    text-decoration: none;
}

.material-types-card__product-link:hover {
    text-decoration: underline;
}

/* ---------- «Подобрать с экспертом» CTA-кнопки ---------- */
.dual-cta__podbor--header {
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--color-primary);
    text-decoration: none;
    white-space: nowrap;
    padding: 6px 12px;
    border-radius: 6px;
    background: rgba(0, 173, 93, 0.08);
    transition: background-color .2s, color .2s, box-shadow .2s, transform .2s;
}

.dual-cta__podbor--header:hover {
    color: #0f3d2b;
    background: rgba(0, 173, 93, 0.16);
    box-shadow: 0 4px 10px rgba(0, 102, 57, 0.14);
    transform: translateY(-1px);
}

.dual-cta--full .dual-cta__podbor {
    border: 1px solid var(--color-primary);
    color: var(--color-primary);
}

.dual-cta--full .dual-cta__podbor:hover {
    background: rgba(0, 173, 93, 0.1);
    color: #0f3d2b;
}

.dual-cta__podbor--inline {
    font-size: 13px;
    color: var(--color-primary);
    text-decoration: none;
    margin-top: 4px;
    display: inline-block;
}

.dual-cta__podbor--inline:hover {
    text-decoration: underline;
    color: #0f3d2b;
}

/* ---------- Новый стиль карточек товаров (для применения опционально) ---------- */
.home-top-products-cards .product-item-container {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    position: relative;
    border-radius: 10px;
    border: 1px solid #e8ecef;
    overflow: hidden;
    transition: transform 0.18s, box-shadow 0.18s, border-color 0.18s;
}

.home-top-products-cards .product-item-container:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);
    border-color: rgba(0, 173, 93, 0.3);
}

.home-top-products-cards .product-item-title {
    font-size: var(--font-size-sm) !important;
    font-weight: 500 !important;
    color: #1a1a1a !important;
    line-height: 1.35;
}

.home-top-products-cards .product-item-title:hover {
    color: var(--color-primary) !important;
}

.home-top-products-cards .product-item-price-value {
    font-size: var(--font-size-h4) !important;
    font-weight: 700 !important;
    color: var(--color-primary) !important;
}

.home-top-products-cards .product-item-detail-link .btn {
    width: 100%;
    font-size: var(--font-size-sm);
    font-weight: 600;
    padding: 10px 16px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.home-top-products-cards .product-item-detail-link .btn.product-item-btn--choose {
    background: var(--color-white) !important;
    border-color: var(--color-primary) !important;
    color: var(--color-primary) !important;
}

.home-top-products-cards .product-item-detail-link .btn.product-item-btn--choose:hover {
    background: #e9f9f0 !important;
    border-color: #009950 !important;
    color: #009950 !important;
}

.home-top-products-cards .product-item-detail-link .btn.product-item-btn--cart {
    background: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    color: var(--color-white) !important;
}

.home-top-products-cards .product-item-detail-link .btn.product-item-btn--cart:hover {
    background: #009950 !important;
    border-color: #009950 !important;
}

/* конец LOCAL82 PATTERNS */

/* === 404 страница (2026-05-14) === */
.error-404 {
    text-align: center;
    padding: 40px 20px 60px;
    max-width: 680px;
    margin: 0 auto !important;
}
.error-404__code {
    font-size: 140px;
    font-weight: 700;
    line-height: 1;
    color: var(--color-primary);
    letter-spacing: -4px;
    margin-bottom: 8px;
}
.error-404__lead {
    text-align: center;
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-size: 28px;
    font-weight: 500;
    color: var(--color-text-dark);
    margin: 0 0 16px;
}
.error-404__text {
    font-size: 16px;
    line-height: 1.6;
    color: var(--color-text-muted);
    margin: 0 0 32px;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
}
.error-404__actions {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}
.error-404__btn {
    display: inline-block;
    padding: 12px 24px;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    background: var(--color-primary);
    color: #fff;
    border: 1px solid var(--color-primary);
    transition: background 0.18s, color 0.18s, transform 0.18s;
}
.error-404__btn:hover {
    background: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
    color: #fff;
    text-decoration: none;
    transform: translateY(-1px);
}
.error-404__btn--light {
    background: #fff;
    color: var(--color-primary);
}
.error-404__btn--light:hover {
    background: var(--color-primary);
    color: #fff;
}
@media (max-width: 768px) {
    .error-404 { padding: 24px 16px 40px; }
    .error-404__code { font-size: 100px; letter-spacing: -3px; }
    .error-404__lead { font-size: 22px; }
    .error-404__text { font-size: 15px; margin-bottom: 24px; }
    .error-404__btn { padding: 10px 18px; font-size: 14px; }
}
/* === /404 === */

/* === Compact callback form (moved from catalog.element on 2026-05-16, applies site-wide) === */
/* Compact "Не нашли что искали" callback form */
.product-item-callback {
    padding: 22px 26px !important;
}
.product-item-callback h4 {
    font-size: 19px !important;
    margin: 0 0 4px !important;
    line-height: 1.3;
}
.product-item-callback > p {
    margin: 0 0 14px !important;
    font-size: 14px !important;
    color: #4b5d6b;
}
.product-item-callback .slam-easyform .form-group {
    margin-bottom: 8px !important;
}
.product-item-callback .slam-easyform .control-label {
    font-size: 12px !important;
    margin-bottom: 2px !important;
    color: #6b7a85;
    font-weight: 500;
    line-height: 1.2;
}
.product-item-callback .slam-easyform .form-control {
    padding: 8px 12px !important;
    font-size: 14px !important;
    line-height: 1.4;
}
.product-item-callback .slam-easyform textarea.form-control {
    min-height: 60px !important;
    rows: 2;
}
.product-item-callback .slam-easyform textarea[name="MESSAGE"],
.product-item-callback .slam-easyform textarea[id*="MESSAGE"] {
    min-height: 56px !important;
    height: 56px;
}
/* Accept text — small and tight */
.product-item-callback .slam-easyform .accept-text,
.product-item-callback .slam-easyform label[for*="ACCEPT"],
.product-item-callback .slam-easyform .accept label {
    font-size: 12px !important;
    line-height: 1.3 !important;
    color: #6b7a85;
}
.product-item-callback .slam-easyform .accept,
.product-item-callback .slam-easyform [class*="accept"] {
    margin: 6px 0 !important;
}
.product-item-callback .slam-easyform .submit-button,
.product-item-callback .slam-easyform button[type=submit] {
    padding: 10px 28px !important;
    font-size: 15px !important;
}

/* Layout 2: Name + Phone in row 1, Email own row, narrow centered form */
.product-item-callback {
    max-width: 540px !important;
    margin: 32px auto !important;
}
/* Email field on its own row, full width */
.product-item-callback .slam-easyform .col-xs-6:has(input[type="email"]),
.product-item-callback .slam-easyform .col-xs-6:has(input[name*="EMAIL"]) {
    width: 100% !important;
    float: none !important;
}
/* Fallback for browsers without :has() — target 3rd col-xs-6 via general sibling counting */
.product-item-callback .slam-easyform .row > .col-xs-6 + .col-xs-6 + .col-xs-6 {
    width: 100% !important;
    float: none !important;
}
/* Restore phone & name to 50% in row 1 (override previous compact rule) */
@media (min-width: 768px) {
    .product-item-callback .slam-easyform .row > .col-xs-6 {
        width: 50% !important;
        float: left;
    }
    .product-item-callback .slam-easyform .row > .col-xs-6:has(input[type="email"]),
    .product-item-callback .slam-easyform .row > .col-xs-6:has(input[name*="EMAIL"]),
    .product-item-callback .slam-easyform .row > .col-xs-6 + .col-xs-6 + .col-xs-6 {
        width: 100% !important;
        float: none !important;
    }
}

/* ============================================================
   Rich-text content typography — articles, product detail texts
   Scoped to .news-detail (blog/articles/gallery) and
   .product-item-detail-text (catalog element detail body).
   ============================================================ */
.news-detail,
.product-item-detail-text,
.rich-text {
    font-size: 16px;
    line-height: 1.65;
    color: #2e3d49;
}
.news-detail p,
.product-item-detail-text p,
.rich-text p {
    margin: 0 0 14px;
}
.news-detail p:last-child,
.product-item-detail-text p:last-child,
.rich-text p:last-child { margin-bottom: 0; }

/* Headings */
.news-detail h2,
.product-item-detail-text h2,
.rich-text h2 {
    margin: 32px 0 14px;
    font-size: 26px;
    font-weight: 700;
    color: #1f2d38;
    line-height: 1.3;
}
.news-detail h3,
.product-item-detail-text h3,
.rich-text h3 {
    margin: 24px 0 10px;
    font-size: 20px;
    font-weight: 600;
    color: #1f2d38;
    line-height: 1.35;
}
.news-detail h4,
.product-item-detail-text h4,
.rich-text h4 {
    margin: 20px 0 8px;
    font-size: 17px;
    font-weight: 600;
    color: #1f2d38;
}
.news-detail h2:first-child,
.news-detail h3:first-child,
.product-item-detail-text h2:first-child,
.product-item-detail-text h3:first-child { margin-top: 0; }

/* Lists */
.news-detail ul,
.news-detail ol,
.product-item-detail-text ul,
.product-item-detail-text ol,
.rich-text ul,
.rich-text ol {
    margin: 0 0 16px;
    padding-left: 22px;
}
.news-detail ul li,
.product-item-detail-text ul li,
.rich-text ul li {
    margin-bottom: 6px;
    position: relative;
    list-style: none;
    padding-left: 4px;
}
.news-detail ul li::before,
.product-item-detail-text ul li::before,
.rich-text ul li::before {
    content: "";
    position: absolute;
    left: -16px;
    top: 9px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #00ad5d;
}
.news-detail ol li,
.product-item-detail-text ol li,
.rich-text ol li { margin-bottom: 6px; padding-left: 4px; }

/* Tables */
.news-detail table,
.product-item-detail-text table,
.rich-text table {
    width: 100%;
    margin: 16px 0 20px;
    border-collapse: collapse;
    font-size: 15px;
}
.news-detail table th,
.product-item-detail-text table th,
.rich-text table th {
    background: #f3f9f5;
    color: #1f2d38;
    font-weight: 600;
    padding: 10px 12px;
    text-align: left;
    border: 1px solid #e5e5e5;
}
.news-detail table td,
.product-item-detail-text table td,
.rich-text table td {
    padding: 8px 12px;
    border: 1px solid #e5e5e5;
    vertical-align: top;
}
.news-detail table tbody tr:nth-child(even) td,
.product-item-detail-text table tbody tr:nth-child(even) td,
.rich-text table tbody tr:nth-child(even) td {
    background: #fafafa;
}

/* Inline links */
.news-detail a,
.product-item-detail-text a,
.rich-text a {
    color: #00873f;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    transition: color .15s ease;
}
.news-detail a:hover,
.product-item-detail-text a:hover,
.rich-text a:hover {
    color: #00ad5d;
    text-decoration: none;
}

/* Images */
.news-detail img:not(.news-more-images-item),
.product-item-detail-text img,
.rich-text img {
    max-width: 100%;
    height: auto;
    margin: 14px 0;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}

/* Blockquote */
.news-detail blockquote,
.product-item-detail-text blockquote,
.rich-text blockquote {
    margin: 18px 0;
    padding: 8px 0 8px 18px;
    border-left: 3px solid #00ad5d;
    color: #4b5d6b;
    font-style: italic;
    font-size: 16px;
}

/* Strong/em — keep brand-friendly */
.news-detail strong,
.product-item-detail-text strong,
.rich-text strong { color: #1f2d38; font-weight: 700; }

@media (max-width: 768px) {
    .news-detail,
    .product-item-detail-text,
    .rich-text { font-size: 15px; }
    .news-detail h2,
    .product-item-detail-text h2,
    .rich-text h2 { font-size: 22px; margin-top: 24px; }
    .news-detail h3,
    .product-item-detail-text h3,
    .rich-text h3 { font-size: 18px; }
    .news-detail table,
    .product-item-detail-text table,
    .rich-text table { font-size: 14px; }
    .news-detail table th,
    .news-detail table td,
    .product-item-detail-text table th,
    .product-item-detail-text table td { padding: 6px 8px; }
}

/* Hide form fields when success message is shown — slam:easyform */
.slam-easyform-product form:has(.alert-success:not(.hidden)) > *:not(.alert-success),
.slam-easyform form:has(.alert-success:not(.hidden)) > *:not(.alert-success) {
    display: none !important;
}
.slam-easyform-product:has(.alert-success:not(.hidden)) {
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
}
.slam-easyform .alert-success:not(.hidden),
.slam-easyform-product .alert-success:not(.hidden) {
    margin: 0;
    padding: 20px 24px;
    font-size: 16px;
    text-align: center;
}

/* Hide article callback header (h4 + p) once form is in success state */
.product-item-callback:has(.alert-success:not(.hidden)) > h4,
.product-item-callback:has(.alert-success:not(.hidden)) > p {
    display: none !important;
}

/* «Не нашли, что искали?» — basic frame with brand-green tint (was in catalog.element only, moved global) */
.product-item-callback {
    background: linear-gradient(135deg, #e8f5ee 0%, #f8fcf9 100%) !important;
    border: 1px solid rgba(0, 173, 93, 0.18) !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.05) !important;
    text-align: center;
}
/* Cap big images globally in articles/gallery so a 1500px upload doesn't blow up the layout. */
.news-detail img:not(.news-more-images-item),
.news-detail-image img,
.product-item-detail-text img {
    max-width: 800px;
    width: 100%;
    height: auto;
}
.news-detail-image {
    max-width: 800px;
    margin: 0 auto 20px;
}
@media (max-width: 900px) {
    .news-detail img:not(.news-more-images-item),
    .news-detail-image img,
    .product-item-detail-text img { max-width: 100%; }
}

/* LOT 2026-05-17 v2: галерея — masonry-стиль (Pinterest), плотная упаковка без пустот */
.news-more-images {
    column-count: 4;
    column-gap: 8px;
    margin: 15px 0 20px;
}
.news-more-images > a {
    display: block;
    margin: 0 0 8px;
    break-inside: avoid;
    overflow: hidden;
    border-radius: 4px;
    line-height: 0;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
}
.news-detail .news-more-images-item,
.news-more-images-item {
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
    object-fit: cover;
    display: block;
    margin: 0 !important;
    transition: transform 0.2s ease;
    border-radius: 0;
}
.news-more-images > a:hover .news-more-images-item {
    transform: scale(1.03);
}
@media (max-width: 992px) {
    .news-more-images { column-count: 3; }
}
@media (max-width: 600px) {
    .news-more-images { column-count: 2; }
}

/* LOT 2026-05-18: typography для статей — формулы, FAQ-аккордеоны */
.news-detail .formula {
    font-family: "Cambria Math", Cambria, Georgia, serif;
    font-size: 1.25em;
    text-align: center;
    padding: 14px 18px;
    background: #f5f8f5;
    border-left: 3px solid #00ad5d;
    border-radius: 4px;
    margin: 18px 0;
    font-style: italic;
}
.news-detail details {
    margin: 8px 0;
    padding: 0;
    background: #fafafa;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    transition: background 0.15s;
}
.news-detail details[open] {
    background: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,0.04);
}
.news-detail details summary {
    padding: 12px 16px 12px 40px;
    cursor: pointer;
    font-weight: 600;
    color: #1f2d38;
    list-style: none;
    position: relative;
    user-select: none;
}
.news-detail details summary::-webkit-details-marker { display: none; }
.news-detail details summary::before {
    content: "+";
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background: #00ad5d;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 400;
    transition: transform 0.2s;
}
.news-detail details[open] summary::before {
    content: "−";
}
.news-detail details summary:hover { color: #00ad5d; }
.news-detail details p {
    padding: 0 16px 14px 40px;
    margin: 0;
    color: #4b5d6b;
}

/* LOT 2026-05-18: картинки в статьях — крупнее (статья теперь 900px),
   центрованы, с лёгкой тенью и скруглением. !important чтобы перебить
   Bootstrap .img-responsive и inline-стили. */
.news-detail p picture,
.news-detail p picture img,
.news-detail p > img,
.news-detail-image img {
    max-width: 720px !important;
    width: 100% !important;
    height: auto !important;
    margin: 22px auto !important;
    display: block !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08) !important;
    float: none !important;
}
/* Ensure <p> wrapping is centered too (so any text remnants align) */
.news-detail p:has(> picture),
.news-detail p:has(> img) {
    text-align: center !important;
    margin: 24px 0 !important;
}

/* LOT 2026-05-18: таблицы в статьях (замена картинок-таблиц) */
.news-detail .article-table-wrap {
    margin: 22px 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.news-detail .article-table-wrap h3 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 18px;
    color: #1f2d38;
}
.news-detail .article-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    font-size: 15px;
    min-width: 100%;
}
.news-detail .article-table th,
.news-detail .article-table td {
    padding: 8px 10px;
    border: 1px solid #e0e6e1;
    text-align: center;
    vertical-align: middle;
}
.news-detail .article-table thead th {
    background: #00ad5d;
    color: #fff;
    font-weight: 600;
}
.news-detail .article-table tbody th {
    background: #f0f6f2;
    text-align: left;
    font-weight: 600;
    color: #1f2d38;
}
.news-detail .article-table tbody tr:nth-child(even) td {
    background: #fafafa;
}
.news-detail .article-table tbody tr:hover td {
    background: #e8f5ee;
}
.news-detail .article-table-note {
    margin-top: 8px;
    font-size: 14px;
    color: #6b7a85;
    font-style: italic;
}
@media (max-width: 768px) {
    .news-detail .article-table { font-size: 13px; }
    .news-detail .article-table th,
    .news-detail .article-table td { padding: 6px 8px; }
}

/* LOT 2026-05-18: center article content for comfortable reading width.
   Wrapper .lot-article-wrap is set in news/blog/.../news.detail/.default/template.php
   on article DETAIL pages only — list page (/articles/) is unaffected. */
.lot-article-wrap > .page-heading,
.lot-article-wrap > .lot-article-hero,
.lot-article-wrap > .news-detail,
.lot-article-wrap > .share,
.lot-article-wrap > .product-item-callback {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
/* Detail-page hero: compact variant — h1 can be long */
.lot-article-hero {
    padding: 16px 20px !important;
    margin-bottom: 24px !important;
    border-left-width: 3px !important;
}
.lot-article-hero .job-hero__title {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.3;
    margin: 0 !important;
}
@media (max-width: 768px) {
    .lot-article-hero { padding: 12px 16px !important; }
    .lot-article-hero .job-hero__title { font-size: 18px; }
}
/* "Читайте также" — full width (3 cards in row) overrides the centering above */
.lot-article-wrap > .lot-related-heading,
.lot-article-wrap > .lot-related-wrap {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
}
/* Center main gallery photo + masonry thumbs */
.lot-article-wrap .news-detail-image {
    text-align: center;
}
.lot-article-wrap .news-detail-image img.detail_picture {
    display: block;
    margin: 0 auto !important;
    max-width: 100%;
    height: auto;
}
/* Back-to-list link on gallery detail */
.lot-back-to-list {
    text-align: center;
    margin: 36px 0 24px 0;
}
.lot-back-to-list a {
    display: inline-block;
    padding: 8px 18px;
    color: #888;
    font-size: 14px;
    text-decoration: none;
    border-bottom: 1px dashed transparent;
    transition: color .15s linear, border-color .15s linear;
}
.lot-back-to-list a::before {
    content: "← ";
    margin-right: 2px;
}
.lot-back-to-list a:hover {
    color: #027b43;
    border-bottom-color: #027b43;
}

/* Atmospheric image at top of text-only articles */
.lot-article-wrap .lot-atmo-image {
    margin: 0 auto 28px auto;
    text-align: center;
}
.lot-article-wrap .lot-atmo-image img.detail_picture {
    max-width: 720px !important;
    width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
}

/* LOT 2026-05-18: list pages (/articles/, /galereya/) — center cards container */
.news-list {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
/* Narrow shell for hero blocks on list pages (same as /job/'s page-shell--job) */
.page-shell--narrow {
    max-width: 900px;
    margin: 0 auto !important;
    padding: 0 var(--space-3);
}

/* LOT 2026-05-18: center all hero blocks consistently (title + subtitle).
   Overrides job.css line 186-196 which forces text-align: left on .job-hero
   and .page-shell--job h1.job-hero__title. */
.job-hero,
.requisites-hero,
.faq-hero,
.docs-hero {
    text-align: center !important;
}
.job-hero__title,
.job-hero__subtitle,
.page-shell--job h1.job-hero__title,
.requisites-hero__title,
.requisites-hero__subtitle {
    text-align: center !important;
}
/* Hero on article DETAIL pages keeps left-aligned (title can be very long) */
.lot-article-hero,
.lot-article-hero .job-hero__title {
    text-align: left !important;
}

/* LOT 2026-05-18: modern pagination */
.lot-pager {
    margin: 32px 0;
    text-align: center;
}
.lot-pager__list {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px;
    list-style: none;
    padding: 0;
    margin: 0 0 12px 0;
}
.lot-pager__link {
    display: inline-block;
    min-width: 36px;
    padding: 8px 12px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    background: #fff;
    color: #555;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.2;
    transition: all .15s linear;
}
a.lot-pager__link:hover {
    background: #f5f9ef;
    border-color: #027b43;
    color: #2b2b2b;
}
.lot-pager__link--active {
    background: #027b43 !important;
    border-color: #027b43 !important;
    color: #fff !important;
    font-weight: 600;
    cursor: default;
}
.lot-pager__item--disabled .lot-pager__link {
    color: #c5c5c5;
    background: #fafafa;
    cursor: not-allowed;
}
.lot-pager__item--ellipsis span {
    display: inline-block;
    padding: 8px 4px;
    color: #999;
}
.lot-pager__link--prev,
.lot-pager__link--next {
    font-weight: 500;
}
.lot-pager__counter {
    color: #999;
    font-size: 12px;
}
@media (max-width: 480px) {
    .lot-pager__link {
        min-width: 32px;
        padding: 6px 8px;
        font-size: 13px;
    }
    .lot-pager__link--prev,
    .lot-pager__link--next {
        padding: 6px 10px;
    }
}

/* LOT 2026-05-18: related-articles block at bottom of every article */
.lot-related-heading {
    margin-top: 60px;
    margin-bottom: 24px;
    padding-bottom: 12px;
    border-bottom: 2px solid #027b43;
    font-size: 24px;
    font-weight: 600;
    color: #2b2b2b;
}
.lot-related-heading::before {
    content: "📚 ";
    font-size: 22px;
}
/* LOT 2026-05-18: modern card design for article/gallery list pages.
   NOT applied to .lot-related-wrap (which has its own compact card variant below). */
.news-list .row-blog > div { display: flex; margin-bottom: 28px; }
.news-list .news-item {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%; /* LOT 2026-05-30: stretch to row height for equal cards */
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 10px;
    overflow: hidden;
    transition: transform .2s, box-shadow .2s, border-color .2s;
}
.news-list .news-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, .08);
    border-color: #027b43;
}
.news-list .news-item-img {
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #f5f5f5;
}
.news-list .news-item-img a,
.news-list .news-item-img picture {
    display: block;
    width: 100%;
    height: 100%;
}
.news-list .news-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
    float: none !important;
}
.news-list .news-item:hover .news-item-img img { transform: scale(1.04); }
.news-list .news-item-date { display: none; }
.news-list .news-item-name {
    padding: 16px 18px 8px;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.35;
}
.news-list .news-item-name a {
    color: #2b2b2b;
    text-decoration: none;
}
.news-list .news-item-name a:hover { color: #027b43; }
.news-list .news-item-preview-text {
    padding: 0 18px 18px;
    margin: 0;
    color: #666;
    font-size: 14px;
    line-height: 1.5;
    flex: 1;
}

/* Related-articles block (on detail pages) — compact card override.
   Same specificity as .news-list .news-item but defined LATER → wins inside .lot-related-wrap. */
.lot-related-wrap { margin-bottom: 40px; }
.lot-related-wrap .news-item {
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    padding: 14px;
    height: 100%;
    transition: box-shadow .2s, transform .2s;
    background: #fff;
}
.lot-related-wrap .news-item:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,.08);
    transform: translateY(-2px);
}
.lot-related-wrap .news-item-img img {
    width: 100%; height: auto; border-radius: 4px;
    margin-bottom: 10px;
}
.lot-related-wrap .news-item-name {
    font-size: 16px; font-weight: 600; line-height: 1.35;
    margin: 8px 0;
}
.lot-related-wrap .news-item-name a {
    color: #2b2b2b; text-decoration: none;
}
.lot-related-wrap .news-item-name a:hover { color: #027b43; }
.lot-related-wrap .news-item-date { display: none; }
.lot-related-wrap .news-item-preview-text {
    font-size: 13px; color: #666; line-height: 1.45;
}
@media (max-width: 768px) {
    .lot-related-heading { font-size: 20px; margin-top: 40px; }
    .lot-related-wrap .row-blog > div { margin-bottom: 20px; }
}

/* LOT 2026-05-19: typography for section description (полезный SEO-текст в раздeле каталога) */
.bx-section-desc h2 {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
    margin: 32px 0 14px;
    color: #2b2b2b;
}
.bx-section-desc h2:first-child {
    margin-top: 8px;
}
.bx-section-desc p {
    margin: 0 0 14px;
    line-height: 1.6;
}
.bx-section-desc ul,
.bx-section-desc ol {
    margin: 0 0 18px;
    padding-left: 28px;
    line-height: 1.55;
}
.bx-section-desc li {
    margin-bottom: 8px;
}
.bx-section-desc li > p {
    margin: 0;
}
.bx-section-desc table {
    border-collapse: collapse;
    margin: 0 0 20px;
    width: auto;
}
.bx-section-desc table th,
.bx-section-desc table td {
    border: 1px solid #e3e3e3;
    padding: 8px 14px;
    text-align: left;
    line-height: 1.5;
}
.bx-section-desc table th {
    background: #f6f6f6;
    font-weight: 600;
}
.bx-section-desc strong {
    color: #2b2b2b;
}
.bx-section-desc a {
    color: #027b43;
    text-decoration: underline;
}
.bx-section-desc a:hover {
    color: #015a31;
}
.bx-section-desc .btn-primary {
    color: #fff;
    text-decoration: none;
}

/* LOT 2026-05-19 v2: improved typography for section description (поляны воздуха между блоками) */
.bx-section-desc h2 {
    font-size: 24px;
    margin: 40px 0 18px;
    padding-top: 12px;
    border-top: 1px solid #f0f0f0;
}
.bx-section-desc h2:first-child,
.bx-section-desc > h2:first-of-type {
    border-top: 0;
    padding-top: 0;
    margin-top: 8px;
}
.bx-section-desc p {
    margin: 0 0 18px;
    font-size: 16px;
}
.bx-section-desc p strong:first-child {
    font-size: 17px;
    color: #027b43;
}
.bx-section-desc ul,
.bx-section-desc ol {
    margin: 0 0 24px;
}
.bx-section-desc li {
    margin-bottom: 10px;
    line-height: 1.55;
}

/* LOT 2026-05-19: compact 'Заказать расчёт' modal — tighter form */
.calc-request-modal .modal-header { padding: 18px 22px 10px; }
.calc-request-modal .modal-title { font-size: 22px; margin: 0; }
.calc-request-modal .modal-body { padding: 14px 22px 22px; }
.calc-request-modal .slam-easyform .form-group { margin-bottom: 10px !important; }
.calc-request-modal .slam-easyform .control-label { font-size: 13px !important; margin-bottom: 4px !important; }
.calc-request-modal .slam-easyform .form-control { padding: 8px 12px !important; font-size: 14px !important; }
.calc-request-modal .slam-easyform textarea.form-control { min-height: 80px !important; }
.calc-request-modal .feedback-form__required-note { font-size: 11px; margin-top: 8px; color: #999; }

/* LOT 2026-05-19 v2: compact 'Заказать расчёт' modal — shorter and slightly wider */
.calc-request-modal .modal-header { padding: 14px 22px 6px; border-bottom: 0; }
.calc-request-modal .modal-title { font-size: 20px; margin: 0; }
.calc-request-modal .modal-header > p { margin: 2px 0 0 !important; font-size: 13px !important; }
.calc-request-modal .modal-body { padding: 10px 22px 20px; }
.calc-request-modal .slam-easyform .form-group { margin-bottom: 8px !important; }
.calc-request-modal .slam-easyform .control-label { font-size: 12px !important; margin-bottom: 2px !important; color: #6b7a85; }
.calc-request-modal .slam-easyform .form-control { padding: 7px 12px !important; font-size: 14px !important; line-height: 1.4; }
.calc-request-modal .slam-easyform textarea.form-control { min-height: 64px !important; }
.calc-request-modal .feedback-form__required-note { font-size: 11px; margin-top: 6px; color: #999; }
.calc-request-modal .slam-easyform .accept-text,
.calc-request-modal .slam-easyform .accept label { font-size: 11px !important; line-height: 1.3; }
/* Place name + phone in 2 columns on wider screens */
@media (min-width: 480px) {
    .calc-request-modal .slam-easyform .row > .col-xs-6:nth-child(1),
    .calc-request-modal .slam-easyform .row > .col-xs-6:nth-child(2) {
        float: left;
        width: 50%;
    }
}
.calc-request-modal .slam-easyform .submit-button { margin-top: 6px !important; }

/* LOT 2026-05-19 v3: hide redundant reassurance + tighter consent on calc-request modal */
.calc-request-modal .form-reassurance { display: none !important; }
.calc-request-modal .slam-easyform .accept,
.calc-request-modal .slam-easyform [class*='accept'] { background: transparent !important; padding: 0 !important; border: 0 !important; }
.calc-request-modal .slam-easyform .accept-text,
.calc-request-modal .slam-easyform .accept label { font-size: 11px !important; line-height: 1.25 !important; color: #888 !important; }
.calc-request-modal .slam-easyform .submit-button {
    padding: 9px 22px !important;
    font-size: 15px !important;
    width: auto !important;
    min-width: 200px;
    margin-top: 4px !important;
}
.calc-request-modal .slam-easyform .submit-button-wrap,
.calc-request-modal .slam-easyform [class*='submit-wrap'] { text-align: center; }

/* LOT 2026-05-19 v4: center success message in calc-request modal */
.calc-request-modal .alert-success,
.calc-request-modal .slam-easyform .alert {
    text-align: center !important;
    padding: 18px 20px !important;
    font-size: 15px;
    line-height: 1.5;
}

/* LOT 2026-05-19 v5: polished 'Заказать расчёт' modal — finished look */
.calc-request-modal .modal-content {
    border-radius: 14px;
    border: 0;
    box-shadow: 0 20px 60px rgba(0,0,0,0.18);
    overflow: hidden;
}
.calc-request-modal .modal-header {
    background: linear-gradient(135deg, #027b43 0%, #04a155 100%);
    color: #fff;
    padding: 20px 26px 16px !important;
    border-bottom: 0;
    border-radius: 14px 14px 0 0;
    position: relative;
}
.calc-request-modal .modal-title {
    color: #fff !important;
    font-size: 22px !important;
    font-weight: 700;
    letter-spacing: 0.2px;
}
.calc-request-modal .modal-header > p {
    color: rgba(255,255,255,0.9) !important;
    margin: 4px 0 0 !important;
    font-size: 13.5px !important;
}
.calc-request-modal .modal-header .close {
    color: #fff !important;
    opacity: 0.85 !important;
    text-shadow: none;
    font-weight: 300;
    font-size: 26px;
    line-height: 1;
    position: absolute;
    right: 18px;
    top: 18px;
    background: rgba(255,255,255,0.12);
    border-radius: 50%;
    width: 28px;
    height: 28px;
    padding: 0 !important;
    transition: background 0.2s;
}
.calc-request-modal .modal-header .close:hover {
    background: rgba(255,255,255,0.25);
    opacity: 1 !important;
}
.calc-request-modal .modal-body {
    padding: 22px 26px !important;
    background: #fafbfa;
}
.calc-request-modal .slam-easyform .form-control {
    padding: 10px 14px !important;
    font-size: 14.5px !important;
    border: 1px solid #d8ddda !important;
    border-radius: 8px !important;
    background: #fff !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
}
.calc-request-modal .slam-easyform .form-control:focus {
    border-color: #027b43 !important;
    box-shadow: 0 0 0 3px rgba(2,123,67,0.12) !important;
    outline: 0 !important;
}
.calc-request-modal .slam-easyform .control-label {
    font-size: 12.5px !important;
    color: #4b5d6b !important;
    font-weight: 600 !important;
    margin-bottom: 5px !important;
    letter-spacing: 0.2px;
}
.calc-request-modal .slam-easyform textarea.form-control {
    min-height: 78px !important;
    resize: vertical;
}
.calc-request-modal .slam-easyform .accept-text,
.calc-request-modal .slam-easyform .accept label {
    font-size: 11.5px !important;
    color: #8a949d !important;
    line-height: 1.4 !important;
}
.calc-request-modal .slam-easyform .accept-text a,
.calc-request-modal .slam-easyform .accept label a {
    color: #027b43 !important;
}
.calc-request-modal .slam-easyform .submit-button {
    padding: 12px 28px !important;
    font-size: 15.5px !important;
    font-weight: 600 !important;
    background: linear-gradient(135deg, #027b43 0%, #04a155 100%) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 8px !important;
    min-width: 220px;
    box-shadow: 0 4px 12px rgba(2,123,67,0.25) !important;
    transition: transform 0.15s, box-shadow 0.15s !important;
    cursor: pointer;
}
.calc-request-modal .slam-easyform .submit-button:not([disabled]):hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(2,123,67,0.35) !important;
}
.calc-request-modal .slam-easyform .submit-button[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
}
.calc-request-modal .feedback-form__required-note {
    color: #b0b7bd !important;
    text-align: center;
    margin-top: 10px !important;
}
.calc-request-modal .alert-success {
    background: #e8f7ee !important;
    color: #02633a !important;
    border: 1px solid #b4e3c4 !important;
    border-radius: 10px !important;
    padding: 22px !important;
    text-align: center !important;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
}
.calc-request-modal .alert-success::before {
    content: ✓;
    display: block;
    font-size: 36px;
    color: #04a155;
    line-height: 1;
    margin-bottom: 10px;
    font-weight: 400;
}

/* LOT 2026-05-19 v6: tighter bottom spacing in calc-request modal */
.calc-request-modal .feedback-form__required-note { margin-top: 4px !important; margin-bottom: 0 !important; }
.calc-request-modal .modal-body { padding-bottom: 18px !important; }

/* LOT 2026-05-19 v2: JTBD block — matches localhost reference (no icons, pill-title, full-width button) */
.lot-jtbd-block {
    margin: 8px 0 28px;
    padding: 24px 26px;
    background: #ffffff;
    border: 1px solid #d4ebde;
    border-radius: 14px;
}
.lot-jtbd-block__title {
    margin: 0 0 8px;
    font-size: 22px;
    font-weight: 700;
    color: #027b43;
    line-height: 1.3;
}
.lot-jtbd-block__subtitle {
    margin: 0 0 22px;
    font-size: 15px;
    color: #3a4a55;
    line-height: 1.45;
}
.lot-jtbd-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}
.lot-jtbd-card {
    background: #fff;
    border: 1px solid #e2ebe6;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    transition: border-color .15s, box-shadow .15s;
}
.lot-jtbd-card:hover {
    border-color: rgba(2, 123, 67, 0.4);
    box-shadow: 0 8px 20px rgba(28, 80, 53, 0.08);
}
.lot-jtbd-card.is-active {
    border-color: #027b43;
    box-shadow: 0 0 0 2px rgba(2, 123, 67, 0.16);
}
.lot-jtbd-card__title-pill {
    background: #ecf6f0;
    border: 1px solid #c9e3d4;
    border-radius: 10px;
    padding: 12px 14px;
    margin-bottom: 14px;
}
.lot-jtbd-card__title {
    margin: 0;
    font-size: 17px;
    font-weight: 700;
    color: #1f2d28;
    line-height: 1.3;
}
.lot-jtbd-card__zones {
    font-size: 12.5px;
    color: #6b7a85;
    margin-bottom: 10px;
    line-height: 1.4;
}
.lot-jtbd-card__recommend {
    font-size: 14.5px;
    color: #2b2b2b;
    line-height: 1.5;
    margin-bottom: 14px;
}
.lot-jtbd-card__red {
    background: #fdf2f2;
    border: 1px solid #f4d4d4;
    border-radius: 10px;
    padding: 12px 14px;
    font-size: 13px;
    color: #a23d3d;
    line-height: 1.4;
    margin-bottom: 16px;
}
.lot-jtbd-card__btn {
    margin-top: auto;
    padding: 12px 18px;
    background: #fff;
    border: 1.5px solid #c9e3d4;
    color: #027b43;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s, border-color .15s, color .15s;
    width: 100%;
}
.lot-jtbd-card__btn:hover,
.lot-jtbd-card.is-active .lot-jtbd-card__btn {
    background: #027b43;
    border-color: #027b43;
    color: #fff;
}
.lot-jtbd-status {
    margin-top: 18px;
    padding: 12px 16px;
    background: #f4faf6;
    border: 1px solid #d4ebde;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    font-size: 14px;
}
.lot-jtbd-status[hidden] { display: none !important; }
.lot-jtbd-status__text { color: #2b2b2b; }
.lot-jtbd-status__text strong { color: #027b43; }
.lot-jtbd-status__reset {
    background: transparent;
    border: 0;
    color: #6b7a85;
    cursor: pointer;
    font-size: 13px;
    text-decoration: underline;
    padding: 4px 8px;
}
.lot-jtbd-status__reset:hover { color: #027b43; }
.lot-jtbd-empty {
    margin-top: 16px;
    padding: 16px 20px;
    background: #fff5e6;
    border: 1px solid #f7d9a8;
    border-radius: 10px;
    text-align: center;
}
.lot-jtbd-empty[hidden] { display: none !important; }
.lot-jtbd-empty p {
    margin: 0 0 10px;
    color: #6b4a1e;
    font-size: 14px;
}

/* JTBD filter active — hide non-matching product cards */
.product-item-big-card.lot-jtbd-hidden,
.product-item-small-card.lot-jtbd-hidden {
    display: none !important;
}

@media (max-width: 768px) {
    .lot-jtbd-cards { grid-template-columns: 1fr; }
    .lot-jtbd-block { padding: 20px 16px; }
    .lot-jtbd-block__title { font-size: 19px; }
}

/* LOT 2026-05-19: align red-line boxes across JTBD cards at same vertical level */
.lot-jtbd-card {
    display: flex;
    flex-direction: column;
}
.lot-jtbd-card__title-pill {
    min-height: 70px;
    display: flex;
    align-items: center;
}
.lot-jtbd-card__zones {
    min-height: 36px;
}
.lot-jtbd-card__recommend {
    min-height: 50px;
    flex-grow: 1;
}

/* LOT 2026-05-19: anchor TOC for vagonka section description */
.bx-section-desc .lot-toc, .news-detail .lot-toc {
    background: #f4faf6;
    border: 1px solid #d4ebde;
    border-radius: 12px;
    padding: 20px 24px;
    margin: 8px 0 32px;
}
.bx-section-desc .lot-toc__title, .news-detail .lot-toc__title {
    font-weight: 700;
    font-size: 16px;
    color: #027b43;
    margin: 0 0 14px;
}
.bx-section-desc .lot-toc__list, .news-detail .lot-toc__list {
    margin: 0;
    padding: 0 0 0 24px;
    columns: 2;
    column-gap: 28px;
}
.bx-section-desc .lot-toc__list li, .news-detail .lot-toc__list li {
    margin: 0 0 8px;
    break-inside: avoid;
    line-height: 1.4;
}
.bx-section-desc .lot-toc__list a, .news-detail .lot-toc__list a {
    color: #027b43;
    text-decoration: none;
    font-size: 14.5px;
}
.bx-section-desc .lot-toc__list a:hover, .news-detail .lot-toc__list a:hover {
    text-decoration: underline;
}
.bx-section-desc h2[id] {
    scroll-margin-top: 100px;
}
@media (max-width: 768px) {
    .bx-section-desc .lot-toc__list, .news-detail .lot-toc__list { columns: 1; }
}

/* LOT 2026-05-19: themed section blocks in vagonka description — like magazine pages */
.bx-section-desc .lot-doc-block, .news-detail .lot-doc-block {
    padding: 28px 32px;
    border-radius: 14px;
    margin: 0 0 16px;
    border: 1px solid transparent;
}
.bx-section-desc .lot-doc-block--plain, .news-detail .lot-doc-block--plain {
    background: #ffffff;
    border-color: #ececec;
}
.bx-section-desc .lot-doc-block--green, .news-detail .lot-doc-block--green {
    background: #f4faf6;
    border-color: #d4ebde;
}
.bx-section-desc .lot-doc-block--cream, .news-detail .lot-doc-block--cream {
    background: #faf7f0;
    border-color: #ece4d2;
}
.bx-section-desc .lot-doc-block h2, .news-detail .lot-doc-block h2 {
    margin-top: 4px !important;
    padding-top: 0 !important;
    border-top: 0 !important;
}
.bx-section-desc .lot-doc-block > *:last-child, .news-detail .lot-doc-block > *:last-child {
    margin-bottom: 0 !important;
}
@media (max-width: 768px) {
    .bx-section-desc .lot-doc-block, .news-detail .lot-doc-block { padding: 20px 18px; }
}

/* LOT 2026-05-19: floating 'Back to TOC' button.
   LOT 2026-06-03: добавлен сброс iOS-стилей кнопки + aspect-ratio:
   на iPhone Safari кнопка приходила с системными min-height/padding,
   из-за чего вместо круга получалась «сплющенная» овальная форма. */
#lot-back-to-top {
    -webkit-appearance: none;
    appearance: none;
    box-sizing: border-box;
    aspect-ratio: 1 / 1;
    padding: 0;
    position: fixed;
    right: 24px;
    bottom: 110px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #027b43;
    color: #fff;
    border: 0;
    font-size: 22px;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 6px 18px rgba(2,123,67,0.35);
    z-index: 1040;
    transition: transform .15s, box-shadow .15s;
    display: flex;
    align-items: center;
    justify-content: center;
}
#lot-back-to-top:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(2,123,67,0.45);
}
#lot-back-to-top[hidden] { display: none !important; }
@media (max-width: 768px) {
    #lot-back-to-top { right: 12px; bottom: 90px; width: 40px; height: 40px; }
}

/* LOT 2026-05-19: CTA bar (after products) + final CTA block */
.bx-section-desc .lot-cta-strip, .news-detail .lot-cta-strip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 24px;
    background: linear-gradient(135deg, #027b43 0%, #04a155 100%);
    color: #fff;
    border-radius: 12px;
    margin: 0 0 28px;
    box-shadow: 0 8px 24px rgba(2,123,67,0.18);
}
.bx-section-desc .lot-cta-strip__text, .news-detail .lot-cta-strip__text {
    font-size: 15px;
    line-height: 1.4;
    color: #fff;
    flex: 1 1 auto;
}
.bx-section-desc .lot-cta-strip__text strong, .news-detail .lot-cta-strip__text strong {
    color: #fff;
    font-weight: 700;
}
.bx-section-desc .lot-cta-strip__btn, .news-detail .lot-cta-strip__btn {
    flex: 0 0 auto;
    background: #fff !important;
    color: #027b43 !important;
    padding: 11px 22px !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    white-space: nowrap;
}
.bx-section-desc .lot-cta-strip__btn:hover, .news-detail .lot-cta-strip__btn:hover {
    background: #f0f0f0 !important;
    color: #015a31 !important;
}
.bx-section-desc .lot-cta-final, .news-detail .lot-cta-final {
    background: linear-gradient(135deg, #f4faf6 0%, #e8f5ec 100%) !important;
    border-color: #b8d8c4 !important;
    text-align: center;
    padding: 32px 28px !important;
}
.bx-section-desc .lot-cta-final h3, .news-detail .lot-cta-final h3 {
    margin: 0 0 12px;
    font-size: 22px;
    font-weight: 700;
    color: #027b43;
}
.bx-section-desc .lot-cta-final p, .news-detail .lot-cta-final p {
    margin: 0 auto 8px;
    max-width: 560px;
    color: #2b2b2b;
}
@media (max-width: 600px) {
    .bx-section-desc .lot-cta-strip, .news-detail .lot-cta-strip { flex-direction: column; text-align: center; }
    .bx-section-desc .lot-cta-strip__btn, .news-detail .lot-cta-strip__btn { width: 100%; }
}

/* LOT 2026-05-19: center button in final CTA block */
.bx-section-desc .lot-cta-final__btn-wrap, .news-detail .lot-cta-final__btn-wrap {
    text-align: center;
    margin-top: 20px;
}
.bx-section-desc .lot-cta-final__btn, .news-detail .lot-cta-final__btn {
    display: inline-block;
    padding: 14px 36px !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    background: #027b43 !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    box-shadow: 0 6px 16px rgba(2,123,67,0.25);
    transition: transform .15s, box-shadow .15s;
}
.bx-section-desc .lot-cta-final__btn:hover, .news-detail .lot-cta-final__btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(2,123,67,0.35);
    color: #fff !important;
}

/* LOT 2026-05-19: middle CTA (inline, minimal) between sections in vagonka description */
.bx-section-desc .lot-cta-inline, .news-detail .lot-cta-inline {
    margin: 28px 0;
    padding: 20px 0;
    border-top: 1px solid #e2ebe6;
    border-bottom: 1px solid #e2ebe6;
    text-align: center;
}
.bx-section-desc .lot-cta-inline__text, .news-detail .lot-cta-inline__text {
    margin: 0 auto 14px;
    max-width: 540px;
    color: #3a4a55;
    font-size: 15px;
    line-height: 1.5;
}
.bx-section-desc .lot-cta-inline__btn, .news-detail .lot-cta-inline__btn {
    display: inline-block;
    padding: 10px 24px !important;
    background: transparent !important;
    color: #027b43 !important;
    border: 1.5px solid #027b43 !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 14.5px !important;
    text-decoration: none !important;
    transition: background .15s, color .15s;
}
.bx-section-desc .lot-cta-inline__btn:hover, .news-detail .lot-cta-inline__btn:hover {
    background: #027b43 !important;
    color: #fff !important;
}

/* LOT 2026-05-20: catalog root hero — matches /job/ pattern (light info-block) */
.lot-catalog-hero {
    margin: 8px 0 32px;
    padding: 24px 32px;
    background: linear-gradient(135deg, #f3f9f5 0%, #e8f5ee 100%);
    border-radius: 12px;
    border-left: 4px solid #00ad5d;
}
.lot-catalog-hero .job-hero__title {
    margin: 0 0 16px 0;
    font-size: 28px;
    font-weight: 600;
    color: #1f2d38;
    letter-spacing: 0.02em;
    text-align: left;
}
.lot-catalog-hero .job-hero__subtitle {
    margin: 0;
    font-size: 17px;
    font-weight: 400;
    color: #304351;
    line-height: 1.5;
    text-align: left;
}
@media (max-width: 768px) {
    .lot-catalog-hero { padding: 18px 20px; margin-bottom: 24px; }
    .lot-catalog-hero .job-hero__title { font-size: 22px; margin-bottom: 12px; }
    .lot-catalog-hero .job-hero__subtitle { font-size: 16px; }
}

/* LOT 2026-05-20: card design ported from localhost:82 prototype */
/* Каталог — catalog-products-cards (сетка, карточки, внутренняя часть) */
.catalog-products-cards [data-entity="items-row"] {
    margin: 0 0 4px !important;
    padding: 0 !important;
    overflow: hidden !important;
}
.catalog-products-cards [data-entity="items-row"]:last-child { margin-bottom: 0 !important; }
.catalog-products-cards .product-item-small-card {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}
.catalog-products-cards .product-item-small-card > .row {
    display: block !important;
    margin-left: -12px !important;
    margin-right: -12px !important;
    padding: 0 !important;
}
.catalog-products-cards .product-item-small-card > .row::after {
    content: "";
    display: table;
    clear: both;
}
.catalog-products-cards .product-item-small-card .col-sm-4.product-item-big-card {
    width: 33.333333% !important;
    max-width: 33.333333% !important;
    float: left !important;
    clear: none !important;
    display: flex !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    margin: 0 0 4px 0 !important;
    box-sizing: border-box;
}
.catalog-products-cards .product-item-small-card .col-sm-4.product-item-big-card:nth-of-type(3n+1) { clear: left !important; }
.catalog-products-cards .product-item-small-card .col-sm-3.product-item-big-card {
    width: 25% !important;
    max-width: 25% !important;
    float: left !important;
    clear: none !important;
    display: flex !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    margin: 0 0 4px 0 !important;
    box-sizing: border-box;
}
.catalog-products-cards .product-item-small-card .col-sm-3.product-item-big-card:nth-of-type(4n+1) { clear: left !important; }
.catalog-products-cards .product-item-small-card .product-item-big-card.col-xs-12 {
    width: 33.333333% !important;
    max-width: 33.333333% !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 4px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    display: block !important;
    box-sizing: border-box;
}
.catalog-products-cards .product-item-small-card .product-item-big-card.col-xs-12 > .row,
.catalog-products-cards .product-item-small-card .product-item-big-card.col-xs-12 > .row > .col-md-12,
.catalog-products-cards .product-item-small-card .col-sm-3.product-item-big-card > .row,
.catalog-products-cards .product-item-small-card .col-sm-3.product-item-big-card > .row > .col-md-12,
.catalog-products-cards .product-item-small-card .col-sm-4.product-item-big-card > .row,
.catalog-products-cards .product-item-small-card .col-sm-4.product-item-big-card > .row > .col-md-12 {
    width: 100%;
    height: 100% !important;
    display: flex !important;
    flex: 1 1 auto !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* Контейнер карточки — как на главной, без фикс. высоты */
.catalog-products-cards .product-item-container {
    width: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    position: relative;
    border-radius: 10px;
    border: 1px solid #e8ecef;
    overflow: hidden;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
.catalog-products-cards .product-item-container:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);
    border-color: rgba(0, 173, 93, 0.3);
}
/* .product-item — точно как на главной */
.catalog-products-cards .product-item {
    flex: 1;
    display: flex !important;
    flex-direction: column !important;
    min-height: 240px;
}
/* product-item-content — точно как на главной */
.catalog-products-cards .product-item-content {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    padding: 12px 14px 14px;
}
.catalog-products-cards .product-item-title,
.catalog-products-cards .product-item-title a {
    margin: 0 !important;
    padding: 0 !important;
}
.catalog-products-cards .product-item-title {
    flex: 1 1 auto;
    min-height: 32px;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #1a1a1a !important;
    line-height: 1.35;
}
.catalog-products-cards .product-item-title:hover { color: #00ad5d !important; }
.catalog-products-cards .product-item-variants {
    font-size: 12px;
    color: #888;
    margin: 0 0 4px 0;
    text-align: right;
    order: -1;
}
/* Карточка «Под заказ» — метка по центру, пустой блок цены минимальной высоты (чтобы не была выше остальных) */
.catalog-products-cards .product-item-preorder-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: 20px;
    min-height: 20px;
    line-height: 1;
    padding: 0 6px;
    margin: 0 0 4px 0;
    border-radius: 8px;
    border: 1px solid #c96b00;
    background: rgba(201, 107, 0, 0.08);
    color: #c96b00;
    font-size: 12px;
    font-weight: 600;
    align-self: center;
}
.catalog-products-cards .product-item-content:has(.product-item-btn--preorder) .product-item-start-price {
    min-height: 0;
    margin-bottom: 8px;
}
/* Спейсер схлопывается — 0px между наименованием и ценой (как на главной) */
.catalog-products-cards .product-item-preorder-tag--spacer {
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    border: none;
    line-height: 0;
    font-size: 0;
    visibility: hidden;
    background: transparent;
}
.catalog-products-cards .product-item-start-price {
    font-size: 18px;
    font-weight: 700;
    color: #1a1a1a;
    margin-top: 0;
    margin-bottom: 8px;
    text-align: center;
    min-height: 28px;
}
.catalog-products-cards .product-item-price-value {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #00ad5d !important;
}
.catalog-products-cards .product-item-price-lite {
    font-size: 14px;
    font-weight: 500;
    color: #666;
}
.catalog-products-cards .product-item-stock,
.catalog-products-cards .product-item-stock--empty { display: none !important; }
.catalog-products-cards .product-item-detail-link {
    margin-top: auto !important;
    flex-shrink: 0;
    /* LOT 2026-06-01: жёсткое выравнивание после того как все мягкие фиксы не сработали */
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.catalog-products-cards .product-item-detail-link .btn,
.catalog-products-cards .product-item-detail-link .btn.product-item-btn--choose,
.catalog-products-cards .product-item-detail-link .btn.product-item-btn--preorder {
    /* Принудительная блок-вёрстка и центрирование. !important побеждает наследие. */
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}
.catalog-products-cards .product-item-detail-link .btn:first-child { margin-bottom: 0; }
.catalog-products-cards .product-item-detail-link .btn {
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 16px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.catalog-products-cards .product-item-podbor { display: none !important; }
/* Изображение — как на главной: flex-shrink: 0, aspect-ratio 1/1 */
.catalog-products-cards .pruduct-item-img {
    position: relative;
    flex-shrink: 0;
    display: block;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}
.catalog-products-cards .pruduct-item-img img {
    object-position: center center;
    margin-bottom: 0 !important;
    display: block;
}
.catalog-products-cards .product-item-detail-link .btn.product-item-btn--choose {
    background: #fff !important;
    border: 1px solid #00ad5d !important;
    border-color: #00ad5d !important;
    color: #00ad5d !important;
}
.catalog-products-cards .product-item-detail-link .btn.product-item-btn--choose:hover {
    background: #e9f9f0 !important;
    border-color: #009950 !important;
    color: #009950 !important;
}
.catalog-products-cards .product-item-detail-link .btn.product-item-btn--cart {
    background: #00ad5d !important;
    border-color: #00ad5d !important;
    color: #fff !important;
}
.catalog-products-cards .product-item-detail-link .btn.product-item-btn--cart:hover {
    background: #009950 !important;
    border-color: #009950 !important;
    color: #fff !important;
}
.catalog-products-cards .product-item-detail-link .btn.product-item-btn--preorder {
    background: #c96b00 !important;
    border: 1px solid #c96b00 !important;
    border-color: #c96b00 !important;
    color: #fff !important;
}
.catalog-products-cards .product-item-detail-link .btn.product-item-btn--preorder:hover {
    background: #b35b00 !important;
    border-color: #b35b00 !important;
    color: #fff !important;
}
@media (max-width: 767px) {
    .catalog-products-cards .product-item-small-card .col-sm-3.product-item-big-card,
    .catalog-products-cards .product-item-small-card .col-sm-4.product-item-big-card {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-bottom: 16px !important;
    }
    /* LOT 2026-06-01: Bootstrap row внутри small-card имел margin-left:-12px / margin-right:-12px
       → карточка съезжала на 12px влево относительно зелёной рамки → асимметричный gap кнопки */
    .catalog-products-cards .product-item-small-card > .row,
    .catalog-products-cards .product-item-big-card > .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}
.catalog-products-cards,
.catalog-products-cards [data-entity="items-row"] {
    max-width: 100%;
    overflow-x: hidden;
}
/* Каталог: отключаем hover-раскрытие Bitrix, чтобы карточки не наползали */
.catalog-products-cards .product-item-container.hover { z-index: 1 !important; }
.catalog-products-cards .product-item-container.hover .product-item,
.bx-no-touch .catalog-products-cards .product-item-container.hover .product-item {
    position: relative !important;
    right: auto !important;
    left: auto !important;
    width: 100% !important;
    padding: 0 0 15px !important;
    margin: 0 !important;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2) !important;
}

/* Каталог: бейдж "Хит" по аналогии с "Акция" */
.catalog-products-cards .product-item--hit::before {
    content: "Хит";
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 30;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 54px;
    height: 24px;
    padding: 0 10px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    background: #00ad5d;
    color: #fff;
    pointer-events: none;
}


/* LOT 2026-05-20: catalog card polish — tighter, less line-art, more confident */
/* 1. Картинка — 4:3 вместо 1:1 (меньше обрезает горизонтальные фото) */
.catalog-products-cards .pruduct-item-img {
    aspect-ratio: 4 / 3;
}
/* 2. Убрать серую рамку, оставить только тень при hover */
.catalog-products-cards .product-item-container {
    border: 1px solid transparent !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
.catalog-products-cards .product-item-container:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.10);
    border-color: transparent !important;
}
/* 3. Кнопка «Выбрать размер» / «Посмотреть» — сразу сплошной зелёный, без outline-варианта */
.catalog-products-cards .product-item-detail-link .btn.product-item-btn--choose {
    background: #00ad5d !important;
    border: 1px solid #00ad5d !important;
    border-color: #00ad5d !important;
    color: #fff !important;
}
.catalog-products-cards .product-item-detail-link .btn.product-item-btn--choose:hover {
    background: #009950 !important;
    border-color: #009950 !important;
    color: #fff !important;
}
/* 4. Сжать вертикальные отступы внутри карточки */
.catalog-products-cards .product-item-content {
    padding: 10px 12px 12px !important;
    gap: 6px;
}
.catalog-products-cards .product-item-title {
    min-height: auto !important;
    margin-bottom: 2px !important;
}
.catalog-products-cards .product-item-start-price {
    margin-bottom: 6px !important;
}
.catalog-products-cards .product-item-variants {
    margin-bottom: 2px !important;
}
/* 5. «Под заказ» — нейтральный серый вместо оранжевого */
.catalog-products-cards .product-item-preorder-tag {
    border-color: #c7ced3 !important;
    background: #f3f5f7 !important;
    color: #5a6772 !important;
}
/* 5b. «Оставить заявку» — приглушённый серо-зелёный, не кричит */
.catalog-products-cards .product-item-detail-link .btn.product-item-btn--preorder {
    background: #5a6772 !important;
    border: 1px solid #5a6772 !important;
    border-color: #5a6772 !important;
    color: #fff !important;
}
.catalog-products-cards .product-item-detail-link .btn.product-item-btn--preorder:hover {
    background: #475260 !important;
    border-color: #475260 !important;
    color: #fff !important;
}

/* LOT 2026-05-20: stronger card elevation — Yandex/Ozon style */
.catalog-products-cards .product-item-container {
    background: #fff !important;
    border: 1px solid #eef0f2 !important;
    border-radius: 14px !important;
    box-shadow: 0 2px 8px rgba(15, 30, 50, 0.06), 0 1px 2px rgba(15, 30, 50, 0.04) !important;
    overflow: hidden !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}
.catalog-products-cards .product-item-container:hover {
    transform: translateY(-4px) !important;
    border-color: #e0e5ea !important;
    box-shadow: 0 18px 36px rgba(15, 30, 50, 0.12), 0 6px 12px rgba(15, 30, 50, 0.06) !important;
}
.catalog-products-cards .product-item {
    background: #fff !important;
}
/* Картинка прижата к верху, без зазоров */
.catalog-products-cards .pruduct-item-img {
    border-radius: 14px 14px 0 0;
    margin: 0;
}
/* Чтобы внутри карточки был дополнительный «воздух» вокруг контента */
.catalog-products-cards .product-item-content {
    padding: 14px 16px 16px !important;
}

/* LOT 2026-05-20: green accent on card hover — make it clearly interactive */
.catalog-products-cards .product-item-container:hover {
    border-color: #00ad5d !important;
    box-shadow: 0 18px 36px rgba(0, 173, 93, 0.16), 0 6px 12px rgba(0, 173, 93, 0.08) !important;
}
.catalog-products-cards .product-item-container:hover .product-item-title,
.catalog-products-cards .product-item-container:hover .product-item-title a {
    color: #00ad5d !important;
}

/* LOT 2026-05-20: unify product cards inside a section — "magazine page" frame */
.catalog-products-cards {
    background: #f4faf6;
    border: 1px solid #d4ebde;
    border-radius: 16px;
    padding: 24px 20px 20px;
    margin: 24px 0;
    position: relative;
}
.catalog-products-cards::before {
    content: "Товары в наличии";
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #027b43;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin: 0 0 16px 4px;
}
/* Карточки внутри — белый фон чтобы выделялись на зелёной подложке */
.catalog-products-cards .product-item-container {
    background: #fff !important;
    border-color: rgba(0, 173, 93, 0.15) !important;
}
.catalog-products-cards .product-item-container:hover {
    border-color: #00ad5d !important;
}
@media (max-width: 768px) {
    .catalog-products-cards { padding: 18px 14px 14px; border-radius: 12px; }
    .catalog-products-cards::before { font-size: 12px; margin-bottom: 12px; }
}

/* LOT 2026-05-20: compact hero for catalog subcategory H1 — small heading + brand panel */
.lot-catalog-hero--compact {
    padding: 14px 22px !important;
    margin: 4px 0 24px !important;
}
.lot-catalog-hero--compact .page-heading,
.lot-catalog-hero--compact h1.page-heading {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    color: #1f2d38 !important;
    line-height: 1.25 !important;
}
.lot-catalog-hero--compact .page-heading::before,
.lot-catalog-hero--compact .page-heading::after {
    content: none !important;
}
@media (max-width: 768px) {
    .lot-catalog-hero--compact { padding: 12px 16px !important; margin-bottom: 18px !important; }
    .lot-catalog-hero--compact .page-heading { font-size: 19px !important; }
}

/* LOT 2026-05-20: kill decorative dots inside compact catalog hero (override .container h1.page-heading::before) */
.container .lot-catalog-hero--compact h1.page-heading::before,
.container .lot-catalog-hero--compact h1.page-heading::after,
.lot-catalog-hero--compact h1.page-heading::before,
.lot-catalog-hero--compact h1.page-heading::after {
    content: none !important;
    margin: 0 !important;
}

/* LOT 2026-05-20: red warning boxes inside JTBD must STAY RED — semantic meaning matters */
.lot-jtbd-block .lot-jtbd-card__red {
    background: #fdf2f2 !important;
    border-color: #f4d4d4 !important;
    color: #a23d3d !important;
}

/* LOT 2026-05-20: remove section eyebrow labels — content is self-explanatory */
.lot-jtbd-block::before,
.catalog-products-cards::before {
    content: none !important;
}
.lot-jtbd-block { padding-top: 24px !important; }
@media (max-width: 768px) {
    .lot-jtbd-block { padding-top: 20px !important; }
}

/* LOT 2026-05-20: uniform 24px vertical rhythm between hero / JTBD / products magazine pages */
.lot-catalog-hero--compact {
    margin: 0 0 24px !important;
}
.lot-jtbd-block {
    margin: 0 0 24px !important;
}
.catalog-products-cards {
    margin: 0 0 24px !important;
}

/* LOT 2026-05-20: hide phantom empty magazine-page wrappers (e.g. "Персональные рекомендации" with no items) */
.catalog-products-cards:not(:has(.product-item-container)) {
    display: none !important;
}

/* LOT 2026-05-20: lot-info-card — structured info card pattern */
.bx-section-desc .lot-info-card,
.news-detail .lot-info-card {
    background: #ffffff;
    border: 1px solid #e8ecef;
    border-radius: 14px;
    padding: 24px 28px;
    margin: 0 0 20px;
    box-shadow: 0 2px 8px rgba(15, 30, 50, 0.04);
}
.bx-section-desc .lot-info-card__title,
.news-detail .lot-info-card__title {
    margin: 0 0 16px !important;
    padding: 0 0 12px !important;
    border: none !important;
    border-bottom: 1px solid #eef0f2 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1f2d38 !important;
    line-height: 1.3 !important;
}
.bx-section-desc .lot-info-card__group,
.news-detail .lot-info-card__group {
    margin: 0;
    padding: 16px 0 0;
}
.bx-section-desc .lot-info-card__group:first-of-type,
.news-detail .lot-info-card__group:first-of-type {
    padding-top: 4px;
}
.bx-section-desc .lot-info-card__group + .lot-info-card__group,
.news-detail .lot-info-card__group + .lot-info-card__group {
    border-top: 1px solid #eef0f2;
    padding-top: 16px;
    margin-top: 16px;
}
.bx-section-desc .lot-info-card__label,
.news-detail .lot-info-card__label {
    margin: 0 0 10px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: #6b7a85;
    display: flex;
    align-items: center;
    gap: 8px;
}
.bx-section-desc .lot-info-card__icon,
.news-detail .lot-info-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    flex-shrink: 0;
}
.bx-section-desc .lot-info-card__group--no .lot-info-card__icon,
.news-detail .lot-info-card__group--no .lot-info-card__icon { background: #d04545; }
.bx-section-desc .lot-info-card__group--no .lot-info-card__label,
.news-detail .lot-info-card__group--no .lot-info-card__label { color: #b03838; }
.bx-section-desc .lot-info-card__group--ok .lot-info-card__icon,
.news-detail .lot-info-card__group--ok .lot-info-card__icon { background: #00ad5d; }
.bx-section-desc .lot-info-card__group--ok .lot-info-card__label,
.news-detail .lot-info-card__group--ok .lot-info-card__label { color: #027b43; }
.bx-section-desc .lot-info-card__group--info .lot-info-card__icon,
.news-detail .lot-info-card__group--info .lot-info-card__icon { background: #5070a0; }
.bx-section-desc .lot-info-card__group--info .lot-info-card__label,
.news-detail .lot-info-card__group--info .lot-info-card__label { color: #4a5d80; }
.bx-section-desc .lot-info-card ul,
.news-detail .lot-info-card ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
.bx-section-desc .lot-info-card ul li,
.news-detail .lot-info-card ul li {
    position: relative;
    padding: 0 0 0 18px !important;
    margin: 0 0 8px !important;
    line-height: 1.5;
    color: #2b2b2b;
}
.bx-section-desc .lot-info-card ul li::before,
.news-detail .lot-info-card ul li::before {
    content: "" !important;
    position: absolute;
    left: 4px;
    top: 9px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #b0b8c2;
    margin: 0 !important;
}
.bx-section-desc .lot-info-card ul li:last-child,
.news-detail .lot-info-card ul li:last-child {
    margin-bottom: 0 !important;
}

/* 2x2 layout on desktop — top row 2 sub-cards, bottom row Insights full-width */
@media (min-width: 900px) {
    .bx-section-desc .lot-info-card,
    .news-detail .lot-info-card {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        column-gap: 24px;
        row-gap: 20px;
        align-items: start;
    }
    .bx-section-desc .lot-info-card__title,
    .news-detail .lot-info-card__title {
        grid-column: 1 / -1;
        margin-bottom: 0 !important;
    }
    .bx-section-desc .lot-info-card__group,
    .news-detail .lot-info-card__group {
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
    }
    .bx-section-desc .lot-info-card__group--info,
    .news-detail .lot-info-card__group--info {
        grid-column: 1 / -1;
        padding-top: 18px !important;
        border-top: 1px solid #eef0f2 !important;
    }
    .bx-section-desc .lot-info-card__group--info ul,
    .news-detail .lot-info-card__group--info ul {
        columns: 2;
        column-gap: 28px;
    }
    .bx-section-desc .lot-info-card__group--info ul li,
    .news-detail .lot-info-card__group--info ul li {
        break-inside: avoid;
    }
}

/* Footer inside Insights — merged guide CTA */
.bx-section-desc .lot-info-card__footer,
.news-detail .lot-info-card__footer {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid #eef0f2;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
}
.bx-section-desc .lot-info-card__footer-text,
.news-detail .lot-info-card__footer-text {
    flex: 1 1 280px;
    color: #6b7a85;
    font-size: 14.5px;
    font-style: italic;
    line-height: 1.45;
}
.bx-section-desc .lot-info-card__footer-btn,
.news-detail .lot-info-card__footer-btn {
    display: inline-block;
    padding: 10px 22px;
    background: #4a5d80;
    color: #fff !important;
    border: 0;
    border-radius: 8px;
    font-weight: 600;
    font-size: 14.5px;
    text-decoration: none !important;
    white-space: nowrap;
    flex-shrink: 0;
}
.bx-section-desc .lot-info-card__footer-btn:hover,
.news-detail .lot-info-card__footer-btn:hover {
    background: #344363;
    color: #fff !important;
    text-decoration: none !important;
}
@media (max-width: 600px) {
    .bx-section-desc .lot-info-card__footer,
    .news-detail .lot-info-card__footer { flex-direction: column; text-align: center; }
    .bx-section-desc .lot-info-card__footer-btn,
    .news-detail .lot-info-card__footer-btn { width: 100%; }
}
@media (max-width: 768px) {
    .bx-section-desc .lot-info-card,
    .news-detail .lot-info-card {
        padding: 18px 18px;
        border-radius: 12px;
    }
    .bx-section-desc .lot-info-card__title,
    .news-detail .lot-info-card__title {
        font-size: 18px !important;
    }
}

/* LOT 2026-05-20: /contacts/draft.php — new layout (hero + 3 cards + single map) */
.lot-contacts-hero {
    background: linear-gradient(135deg, #f3f9f5 0%, #e8f5ee 100%);
    border-left: 4px solid #00ad5d;
    border-radius: 12px;
    padding: 24px 32px;
    margin: 8px 0 28px;
}
.lot-contacts-hero__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 18px 28px;
    margin: 10px 0 14px;
}
.lot-contacts-hero__phone {
    font-size: 28px;
    font-weight: 700;
    color: #027b43 !important;
    text-decoration: none !important;
    letter-spacing: 0.02em;
}
.lot-contacts-hero__phone:hover {
    color: #015a31 !important;
    text-decoration: none !important;
}
.lot-contacts-hero__hours {
    color: #304351;
    font-size: 15px;
    font-weight: 500;
}
.lot-contacts-hero__note {
    margin: 0;
    color: #5a6772;
    font-size: 15px;
    line-height: 1.5;
}

.lot-contacts-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin: 0 0 32px;
}
@media (max-width: 900px) {
    .lot-contacts-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
    .lot-contacts-grid { grid-template-columns: 1fr; }
    .lot-contacts-hero { padding: 18px 22px; }
    .lot-contacts-hero__phone { font-size: 24px; }
}

.lot-contacts-card {
    background: #fff;
    border: 1px solid #e8ecef;
    border-radius: 14px;
    padding: 22px 24px;
    display: flex;
    flex-direction: column;
    transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s;
}
.lot-contacts-card:hover {
    border-color: #00ad5d;
    box-shadow: 0 10px 24px rgba(0, 173, 93, 0.10);
    transform: translateY(-2px);
}
.lot-contacts-card__title {
    margin: 0 0 8px !important;
    padding: 0 !important;
    border: none !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    color: #1f2d38 !important;
    line-height: 1.3 !important;
}
.lot-contacts-card__title::before,
.lot-contacts-card__title::after { content: none !important; }
.lot-contacts-card__addr {
    margin: 0 0 12px;
    color: #304351;
    font-size: 14.5px;
    line-height: 1.45;
}
.lot-contacts-card__manager {
    margin: 0 0 16px;
    color: #5a6772;
    font-size: 14px;
    line-height: 1.4;
}
.lot-contacts-card__actions {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.lot-contacts-card__btn {
    display: inline-block;
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    border-radius: 8px;
    text-decoration: none !important;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.lot-contacts-card__btn--route {
    background: #00ad5d;
    color: #fff !important;
    border: 1px solid #00ad5d;
}
.lot-contacts-card__btn--route:hover {
    background: #009950;
    border-color: #009950;
    color: #fff !important;
}
.lot-contacts-card__btn--more {
    background: #fff;
    color: #027b43 !important;
    border: 1px solid #c9e3d4;
}
.lot-contacts-card__btn--more:hover {
    background: #f4faf6;
    border-color: #00ad5d;
    color: #027b43 !important;
}

.lot-contacts-map {
    background: #fff;
    border: 1px solid #e8ecef;
    border-radius: 14px;
    padding: 22px 24px;
    margin: 0 0 32px;
}
.lot-contacts-map__title {
    margin: 0 0 16px !important;
    padding: 0 0 12px !important;
    border-bottom: 1px solid #eef0f2 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1f2d38 !important;
    text-align: left !important;
}
.lot-contacts-map__title::before,
.lot-contacts-map__title::after { content: none !important; }

/* LOT 2026-05-20: /contacts/draft.php — polish, less green, more hierarchy */
.lot-contacts-hero {
    padding: 18px 26px !important;
    margin: 8px 0 24px !important;
}
.lot-contacts-hero__phone {
    font-size: 22px !important;
}
.lot-contacts-hero .job-hero__subtitle {
    margin: 0 0 6px !important;
    font-size: 14.5px !important;
    color: #5a6772 !important;
}
.lot-contacts-hero__note {
    font-size: 14px !important;
    margin-top: 8px !important;
}

/* Cards — one primary button + secondary text links */
.lot-contacts-card {
    padding: 18px 22px !important;
}
.lot-contacts-card__actions {
    gap: 6px !important;
}
.lot-contacts-card__btn--more {
    background: transparent !important;
    border: none !important;
    color: #5a6772 !important;
    padding: 4px 0 !important;
    font-size: 13.5px !important;
    text-decoration: underline !important;
    text-align: left !important;
}
.lot-contacts-card__btn--more:hover {
    color: #027b43 !important;
    background: transparent !important;
    border: none !important;
}
/* 2gis as secondary text link */
.lot-contacts-card__actions .lot-contacts-card__btn--route + .lot-contacts-card__btn--route {
    background: transparent !important;
    border: none !important;
    color: #5a6772 !important;
    padding: 4px 0 !important;
    font-size: 13px !important;
    text-decoration: underline !important;
    text-align: left !important;
}
.lot-contacts-card__actions .lot-contacts-card__btn--route + .lot-contacts-card__btn--route:hover {
    color: #027b43 !important;
    background: transparent !important;
}

/* LOT 2026-05-20: route buttons — white outline like original detail page */
.lot-contacts-card__btn--route {
    background: #ffffff !important;
    color: #027b43 !important;
    border: 1.5px solid #027b43 !important;
}
.lot-contacts-card__btn--route:hover {
    background: #027b43 !important;
    color: #fff !important;
    border-color: #027b43 !important;
}
/* Reset the "secondary text link" override from previous polish */
.lot-contacts-card__actions .lot-contacts-card__btn--route + .lot-contacts-card__btn--route {
    background: #ffffff !important;
    color: #027b43 !important;
    border: 1.5px solid #027b43 !important;
    padding: 10px 16px !important;
    font-size: 14px !important;
    text-decoration: none !important;
    text-align: center !important;
}
.lot-contacts-card__actions .lot-contacts-card__btn--route + .lot-contacts-card__btn--route:hover {
    background: #027b43 !important;
    color: #fff !important;
    border-color: #027b43 !important;
}

/* LOT 2026-05-20: center hero content */
.lot-contacts-hero .job-hero__content,
.lot-contacts-hero .job-hero__title,
.lot-contacts-hero .job-hero__subtitle,
.lot-contacts-hero__note {
    text-align: center !important;
}
.lot-contacts-hero__meta {
    justify-content: center !important;
}

/* LOT 2026-05-20: icon inside route button */
.lot-contacts-card__btn--route {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px;
}
.lot-contacts-card__btn-icon {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
}

/* LOT 2026-05-20: rating badge in shop card */
.lot-contacts-card__rating {
    margin: 0 0 14px;
}
.lot-contacts-card__rating iframe {
    display: block;
    width: 150px;
    height: 50px;
    border: 0;
}
.lot-contacts-card__rating-link {
    display: inline-block;
    margin-top: 4px;
    font-size: 13px;
    color: #5a6772;
    text-decoration: underline;
}
.lot-contacts-card__rating-link:hover {
    color: #027b43;
}

/* LOT 2026-05-20: center the rating badge inside card actions */
.lot-contacts-card__rating {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 4px 0 0;
    text-decoration: none !important;
}
.lot-contacts-card__rating iframe {
    display: block;
    width: 150px;
    height: 50px;
    border: 0;
}

/* LOT 2026-05-20: dim Yandex rating badge to monochrome (less colour competition with buttons) */
.lot-contacts-card__rating iframe {
    filter: grayscale(1) brightness(0.95);
    opacity: 0.85;
    transition: filter 0.2s, opacity 0.2s;
}
.lot-contacts-card__rating:hover iframe {
    filter: grayscale(0) brightness(1);
    opacity: 1;
}

/* LOT 2026-05-20: revert — rating badge back to original colors */
.lot-contacts-card__rating iframe {
    filter: none !important;
    opacity: 1 !important;
}

/* LOT 2026-05-20: contacts draft v3 polish */
/* Hero — compact */
.lot-contacts-hero {
    padding: 14px 22px !important;
    margin: 8px 0 20px !important;
}
.lot-contacts-hero .job-hero__title {
    margin: 0 0 6px !important;
    font-size: 24px !important;
}
.lot-contacts-hero .job-hero__subtitle {
    margin: 0 0 6px !important;
    font-size: 13px !important;
    color: #6b7a85 !important;
}
.lot-contacts-hero__meta {
    gap: 14px 22px !important;
    margin: 0 0 6px !important;
}
.lot-contacts-hero__phone {
    font-size: 22px !important;
}
.lot-contacts-hero__status {
    font-size: 14px !important;
    font-weight: 500;
}
.lot-contacts-hero__status--open { color: #027b43; }
.lot-contacts-hero__status--closed { color: #b03838; }
.lot-contacts-hero__note {
    font-size: 13.5px !important;
    margin-top: 4px !important;
    color: #6b7a85 !important;
}

/* Card header — title + district */
.lot-contacts-card__header {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 4px 10px;
    margin-bottom: 8px;
}
.lot-contacts-card__title {
    margin: 0 !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    color: #1f2d38 !important;
}
.lot-contacts-card__district {
    font-size: 13px;
    color: #6b7a85;
    font-weight: 400;
}

/* Address with pin icon */
.lot-contacts-card__addr {
    display: flex !important;
    align-items: flex-start;
    gap: 6px;
    margin: 0 0 12px !important;
    color: #304351;
    font-size: 14.5px;
    line-height: 1.45;
}
.lot-contacts-card__pin {
    color: #00ad5d;
    flex-shrink: 0;
    margin-top: 3px;
}

/* Rating before buttons (Trust before Action) */
.lot-contacts-card__rating {
    display: flex;
    justify-content: center;
    margin: 0 0 14px;
    text-decoration: none !important;
}
.lot-contacts-card__rating iframe {
    display: block;
    width: 150px;
    height: 50px;
    border: 0;
}

/* Hover state: subtle lift + green border */
.lot-contacts-card {
    transition: transform 0.18s, border-color 0.18s, box-shadow 0.18s;
}
.lot-contacts-card:hover {
    transform: translateY(-2px);
    border-color: #00ad5d !important;
    box-shadow: 0 10px 24px rgba(0, 173, 93, 0.10);
}

/* LOT 2026-05-20: /contacts/draft.php v4 — dark cards on cream bg (matches homepage filials mockup) */
.lot-cnt-hero {
    margin: 0 0 24px;
    padding: 22px 28px;
}
.lot-cnt-hero__title {
    margin: 0 0 14px !important;
    font-size: 26px !important;
    font-weight: 600 !important;
    color: #1f2d28 !important;
    line-height: 1.25 !important;
    border: none !important;
    text-align: left !important;
    padding: 0 !important;
}
.lot-cnt-hero__title::before, .lot-cnt-hero__title::after { content: none !important; }
.lot-cnt-hero__row {
    margin: 0 0 8px;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px 18px;
}
.lot-cnt-hero__phone {
    font-size: 22px;
    font-weight: 700;
    color: #1f2d28 !important;
    text-decoration: none !important;
}
.lot-cnt-hero__phone:hover { color: #027b43 !important; }
.lot-cnt-hero__status {
    font-size: 14px;
    font-weight: 500;
}
.lot-cnt-hero__status--open { color: #027b43; }
.lot-cnt-hero__status--closed { color: #b03838; }
.lot-cnt-hero__hours {
    margin: 0 0 16px;
    color: #5a6772;
    font-size: 14px;
}
.lot-cnt-hero__chips {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
}
.lot-cnt-hero__chips li {
    background: #f0f3f6;
    color: #1f2d28;
    border-radius: 999px;
    padding: 6px 14px;
    font-size: 13.5px;
    font-weight: 500;
}
.lot-cnt-hero__chips li::before { content: none; }

.lot-cnt-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin: 0 0 36px;
}
@media (max-width: 900px) { .lot-cnt-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .lot-cnt-grid { grid-template-columns: 1fr; } }

.lot-cnt-card {
    background: #1f3a2b;
    border-radius: 18px;
    overflow: hidden;
    color: #fff;
    display: flex;
    flex-direction: column;
    box-shadow: 0 2px 10px rgba(15, 30, 50, 0.08);
    transition: transform 0.18s, box-shadow 0.18s;
}
.lot-cnt-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 32px rgba(15, 30, 50, 0.18);
}

.lot-cnt-card__map {
    position: relative;
    display: block;
    height: 200px;
    overflow: hidden;
    text-decoration: none !important;
}
.lot-cnt-card__map iframe {
    width: 100%;
    height: 100%;
    border: 0;
    pointer-events: none;
}
.lot-cnt-card__map-overlay {
    position: absolute;
    inset: 0;
    background: transparent;
}

.lot-cnt-card__body {
    padding: 18px 22px 22px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
}
.lot-cnt-card__eyebrow {
    text-transform: uppercase;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 0.8px;
    color: #8ab39a;
    margin-bottom: 2px;
}
.lot-cnt-card__title {
    margin: 0 0 4px !important;
    padding: 0 !important;
    border: none !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #fff !important;
    text-align: left !important;
}
.lot-cnt-card__title::before, .lot-cnt-card__title::after { content: none !important; }
.lot-cnt-card__addr {
    margin: 0 0 4px;
    color: rgba(255,255,255,0.78);
    font-size: 14px;
    line-height: 1.45;
}
.lot-cnt-card__sep {
    border: 0;
    border-top: 1px solid rgba(255,255,255,0.15);
    margin: 12px 0 4px;
}
.lot-cnt-card__link {
    display: block;
    color: #fff !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(255,255,255,0.4);
    text-underline-offset: 4px;
    font-size: 14.5px;
    padding: 6px 0;
    transition: text-decoration-color 0.15s;
}
.lot-cnt-card__link:hover {
    text-decoration-color: #fff !important;
    color: #fff !important;
}
.lot-cnt-card__link--rating {
    color: #c9e3d4 !important;
    text-decoration-color: rgba(201, 227, 212, 0.5);
}
.lot-cnt-card__link--rating:hover { color: #fff !important; text-decoration-color: #fff !important; }

/* LOT 2026-05-20: contacts hero in job-hero pattern (brand consistency) */
.lot-cnt-hero {
    padding: 24px 32px !important;
    margin: 8px 0 24px !important;
}
.lot-cnt-hero .job-hero__title.lot-cnt-hero__title {
    margin: 0 0 14px !important;
    font-size: 26px !important;
    font-weight: 600 !important;
    color: #1f2d28 !important;
    line-height: 1.25 !important;
    text-align: left !important;
}
@media (max-width: 600px) {
    .lot-cnt-hero { padding: 18px 22px !important; }
    .lot-cnt-hero .job-hero__title.lot-cnt-hero__title { font-size: 22px !important; }
}

/* LOT 2026-05-20: center contacts hero content */
.lot-cnt-hero .job-hero__content {
    text-align: center !important;
}
.lot-cnt-hero .job-hero__title.lot-cnt-hero__title {
    text-align: center !important;
}
.lot-cnt-hero__row {
    justify-content: center !important;
}
.lot-cnt-hero__hours {
    text-align: center;
}
.lot-cnt-hero__chips {
    justify-content: center !important;
}

/* LOT 2026-05-20: contacts hero on saturated brand green */
.lot-cnt-hero {
    background: #1f3a2b !important;
    border-left: none !important;
    border-radius: 18px !important;
}
.lot-cnt-hero .job-hero__title.lot-cnt-hero__title {
    color: #fff !important;
}
.lot-cnt-hero__phone {
    color: #fff !important;
}
.lot-cnt-hero__phone:hover { color: #c9e3d4 !important; }
.lot-cnt-hero__status {
    color: rgba(255,255,255,0.85) !important;
}
.lot-cnt-hero__status--open { color: #a8e0c0 !important; }
.lot-cnt-hero__status--closed { color: #ffb0b0 !important; }
.lot-cnt-hero__hours {
    color: rgba(255,255,255,0.75) !important;
}
.lot-cnt-hero__chips li {
    background: rgba(255,255,255,0.12) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,0.18);
}

/* LOT 2026-05-20: card head — title left + district right inline */
.lot-cnt-card__head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 4px;
}
.lot-cnt-card__district {
    font-size: 13px;
    color: rgba(255,255,255,0.6);
    text-transform: lowercase;
    white-space: nowrap;
}
/* Hide old eyebrow style if still rendered somewhere */
.lot-cnt-card__eyebrow { display: none !important; }

/* Hover — green outline on card */
.lot-cnt-card:hover {
    box-shadow: 0 14px 32px rgba(15, 30, 50, 0.18), inset 0 0 0 2px #00ad5d !important;
}

/* LOT 2026-05-20: revert hero to light job-hero pattern (dark version was wrong) */
.lot-cnt-hero {
    background: linear-gradient(135deg, #f3f9f5 0%, #e8f5ee 100%) !important;
    border-left: 4px solid #00ad5d !important;
    border-radius: 12px !important;
}
.lot-cnt-hero .job-hero__title.lot-cnt-hero__title {
    color: #1f2d28 !important;
}
.lot-cnt-hero__phone {
    color: #1f2d28 !important;
}
.lot-cnt-hero__phone:hover { color: #027b43 !important; }
.lot-cnt-hero__status--open { color: #027b43 !important; }
.lot-cnt-hero__status--closed { color: #b03838 !important; }
.lot-cnt-hero__status {
    color: #5a6772 !important;
}
.lot-cnt-hero__hours {
    color: #5a6772 !important;
}
.lot-cnt-hero__chips li {
    background: #f0f3f6 !important;
    color: #1f2d28 !important;
    border: 0 !important;
}

/* LOT 2026-05-20: chips — dark green bg, white text */
.lot-cnt-hero__chips li {
    background: #1f3a2b !important;
    color: #fff !important;
    border: 0 !important;
}

/* LOT 2026-05-20: rating badge inside dark card — show via Yandex iframe */
.lot-cnt-card__rating-badge {
    display: inline-block;
    margin: 8px 0 0;
    text-decoration: none !important;
    width: 150px;
    height: 50px;
    border-radius: 8px;
    overflow: hidden;
    background: rgba(255,255,255,0.95);
    padding: 0;
}
.lot-cnt-card__rating-badge iframe {
    width: 150px;
    height: 50px;
    border: 0;
    display: block;
}

/* LOT 2026-05-20: ensure card hover green outline is visible */
.lot-cnt-card {
    border: 2px solid transparent !important;
    transition: transform 0.18s, border-color 0.18s, box-shadow 0.18s !important;
}
.lot-cnt-card:hover {
    transform: translateY(-3px) !important;
    border-color: #00ad5d !important;
    box-shadow: 0 14px 32px rgba(0, 173, 93, 0.25) !important;
}

/* LOT 2026-05-20: soften card hover to match product card style */
.lot-cnt-card {
    border: 1px solid transparent !important;
    transition: transform 0.18s, border-color 0.18s, box-shadow 0.18s !important;
}
.lot-cnt-card:hover {
    transform: translateY(-4px) !important;
    border-color: #00ad5d !important;
    box-shadow: 0 18px 36px rgba(15, 30, 50, 0.18), 0 6px 12px rgba(15, 30, 50, 0.10) !important;
}

/* LOT 2026-05-20: no border in rest state, outline on hover (doesn't shift layout) */
.lot-cnt-card {
    border: 0 !important;
}
.lot-cnt-card:hover {
    border: 0 !important;
    outline: 1px solid #00ad5d;
    outline-offset: -1px;
}

/* LOT 2026-05-20: green hover via inset box-shadow (respects border-radius + overflow:hidden) */
.lot-cnt-card {
    border: 0 !important;
}
.lot-cnt-card:hover {
    border: 0 !important;
    outline: none !important;
    box-shadow:
        inset 0 0 0 2px #00ad5d,
        0 18px 36px rgba(15, 30, 50, 0.18),
        0 6px 12px rgba(15, 30, 50, 0.10) !important;
}

/* LOT 2026-05-20: hover border via overlay pseudo-element (above iframe layer) */
.lot-cnt-card {
    position: relative !important;
    border: 0 !important;
}
.lot-cnt-card::after {
    content: "";
    position: absolute;
    inset: 0;
    border: 2px solid transparent;
    border-radius: 18px;
    pointer-events: none;
    transition: border-color 0.18s;
    z-index: 2;
}
.lot-cnt-card:hover {
    border: 0 !important;
    box-shadow: 0 18px 36px rgba(15, 30, 50, 0.18), 0 6px 12px rgba(15, 30, 50, 0.10) !important;
}
.lot-cnt-card:hover::after {
    border-color: #00ad5d;
}

/* LOT 2026-05-20: match product card hover — translucent green 30% */
.lot-cnt-card:hover::after {
    border-color: rgba(0, 173, 93, 0.3) !important;
}

/* LOT 2026-05-20: hero — large H1 "Контакты" + subtitle below */
.lot-cnt-hero .job-hero__title.lot-cnt-hero__title {
    font-size: 36px !important;
    font-weight: 600 !important;
    margin: 0 0 8px !important;
    line-height: 1.15 !important;
}
.lot-cnt-hero__leadline {
    margin: 0 0 18px;
    font-size: 16px;
    color: #5a6772;
    line-height: 1.45;
    text-align: center;
}
@media (max-width: 600px) {
    .lot-cnt-hero .job-hero__title.lot-cnt-hero__title { font-size: 28px !important; }
    .lot-cnt-hero__leadline { font-size: 15px; }
}

/* Static map image fills the card top slot */
.lot-cnt-card__map img {
    display: block;
    width: 100%;
    height: 200px;
    object-fit: cover;
}

/* LOT 2026-05-20: big interactive map at bottom (lazy-loaded by Yandex itself when in viewport) */
.lot-cnt-bigmap {
    margin: 24px 0 32px;
    padding: 22px 26px;
    background: #fff;
    border: 1px solid #e8ecef;
    border-radius: 14px;
}
.lot-cnt-bigmap__title {
    margin: 0 0 16px !important;
    padding: 0 0 12px !important;
    border: none !important;
    border-bottom: 1px solid #eef0f2 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1f2d38 !important;
    text-align: left !important;
}
.lot-cnt-bigmap__title::before, .lot-cnt-bigmap__title::after { content: none !important; }
.lot-cnt-bigmap .bx-yandex-view-map {
    border-radius: 10px;
    overflow: hidden;
}

/* LOT 2026-05-20: interactive iframe maps in cards (zoomable) */
.lot-cnt-card__map iframe {
    display: block;
    width: 100%;
    height: 200px;
    border: 0;
}

/* LOT 2026-05-20: enable interaction on card maps (override earlier pointer-events:none) */
.lot-cnt-card__map iframe {
    pointer-events: auto !important;
}

/* LOT 2026-05-20: district as bright green eyebrow above title (matches homepage mockup) */
.lot-cnt-card__district {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.8px;
    color: #4ec97a !important;
    margin: 0 0 4px;
    text-align: left;
    white-space: normal;
}

/* LOT 2026-05-20: district eyebrow — exact color from localhost mockup */
.lot-cnt-card__district {
    color: #b6e6cf !important;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

/* LOT 2026-05-20: standalone .lot-info-card (for use outside .bx-section-desc / .news-detail, e.g. /materialy/) */
.lot-info-card {
    background: #ffffff;
    border: 1px solid #e8ecef;
    border-radius: 14px;
    padding: 24px 28px;
    margin: 24px 0 20px;
    box-shadow: 0 2px 8px rgba(15, 30, 50, 0.04);
}
.lot-info-card__title {
    margin: 0 0 16px !important;
    padding: 0 0 12px !important;
    border: none !important;
    border-bottom: 1px solid #eef0f2 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1f2d38 !important;
    line-height: 1.3 !important;
    text-align: left !important;
}
.lot-info-card__title::before, .lot-info-card__title::after { content: none !important; }
.lot-info-card__group {
    margin: 0;
    padding: 16px 0 0;
}
.lot-info-card__group:first-of-type { padding-top: 4px; }
.lot-info-card__group + .lot-info-card__group {
    border-top: 1px solid #eef0f2;
    padding-top: 16px;
    margin-top: 16px;
}
.lot-info-card__label {
    margin: 0 0 10px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: #6b7a85;
    display: flex;
    align-items: center;
    gap: 8px;
}
.lot-info-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    flex-shrink: 0;
}
.lot-info-card__group--no .lot-info-card__icon { background: #d04545; }
.lot-info-card__group--no .lot-info-card__label { color: #b03838; }
.lot-info-card__group--ok .lot-info-card__icon { background: #00ad5d; }
.lot-info-card__group--ok .lot-info-card__label { color: #027b43; }
.lot-info-card__group--info .lot-info-card__icon { background: #5070a0; }
.lot-info-card__group--info .lot-info-card__label { color: #4a5d80; }
.lot-info-card ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
.lot-info-card ul li {
    position: relative;
    padding: 0 0 0 18px !important;
    margin: 0 0 8px !important;
    line-height: 1.5;
    color: #2b2b2b;
}
.lot-info-card ul li::before {
    content: "" !important;
    position: absolute;
    left: 4px;
    top: 9px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #b0b8c2;
}
.lot-info-card ul li:last-child { margin-bottom: 0 !important; }

/* 2x2 layout on desktop */
@media (min-width: 900px) {
    .lot-info-card {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        column-gap: 24px;
        row-gap: 20px;
        align-items: start;
    }
    .lot-info-card__title {
        grid-column: 1 / -1;
        margin-bottom: 0 !important;
    }
    .lot-info-card__group {
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
    }
    .lot-info-card__group--info {
        grid-column: 1 / -1;
        padding-top: 18px !important;
        border-top: 1px solid #eef0f2 !important;
    }
    .lot-info-card__group--info ul {
        columns: 2;
        column-gap: 28px;
    }
    .lot-info-card__group--info ul li {
        break-inside: avoid;
    }
}
@media (max-width: 768px) {
    .lot-info-card {
        padding: 18px 18px;
        border-radius: 12px;
    }
    .lot-info-card__title { font-size: 18px !important; }
}

/* LOT 2026-05-20: --warn group (Где экономить опасно) — same look as --no but full-width with 2 columns like --info */
.lot-info-card__group--warn .lot-info-card__icon { background: #c96b00; }
.lot-info-card__group--warn .lot-info-card__label { color: #8a4d00; }
@media (min-width: 900px) {
    .lot-info-card__group--warn {
        grid-column: 1 / -1;
        padding-top: 18px !important;
        border-top: 1px solid #eef0f2 !important;
        margin-top: 0 !important;
    }
    .lot-info-card__group--warn ul {
        columns: 2;
        column-gap: 28px;
    }
    .lot-info-card__group--warn ul li {
        break-inside: avoid;
    }
}

/* /materialy/khvoya/ — мини-оглавление под H1 */
html { scroll-behavior: smooth; }

html { scroll-behavior: smooth; }

html { scroll-behavior: smooth; }

/* /materialy/khvoya/ — оглавление, тёмная плашка */
.lot-toc-mini {
    margin: -10px 0 24px;
    padding: 14px 18px;
    font-size: 14px;
    line-height: 1.6;
    background: #14543a;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(20, 84, 58, 0.15);
}
.lot-toc-mini__label {
    color: #b6e6cf;
    margin-right: 10px;
    font-weight: 600;
    letter-spacing: 0.3px;
}
.lot-toc-mini a {
    color: #ffffff;
    font-weight: 500;
    text-decoration: none;
    border-bottom: 1px dashed transparent;
    padding: 2px 0;
    transition: border-color 0.15s;
}
.lot-toc-mini a:hover { border-bottom-color: #ffffff; }
.lot-toc-mini__sep {
    margin: 0 8px;
    color: rgba(255,255,255,0.35);
}
@media (max-width: 640px) {
    .lot-toc-mini { font-size: 13px; padding: 10px 12px; }
    .lot-toc-mini__sep { margin: 0 4px; }
    .lot-toc-mini__label { display: block; margin: 0 0 6px; }
}

html { scroll-behavior: smooth; }

/* /materialy/listvennitsa/ — hero video block */
.lot-hero-video {
    margin: -10px 0 28px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 1fr;
    gap: 24px;
    align-items: center;
    background: #f0f7f2;
    border: 1px solid #c8e0d2;
    border-radius: 12px;
    padding: 20px;
}
.lot-hero-video__player {
    width: 100%;
    max-height: 480px;
    border-radius: 8px;
    background: #000;
    object-fit: cover;
}
.lot-hero-video__caption {
    padding: 4px 8px;
}
.lot-hero-video__title {
    font-size: 20px;
    font-weight: 600;
    color: #14543a;
    margin: 0 0 12px;
    line-height: 1.3;
}
.lot-hero-video__points {
    list-style: none;
    padding: 0;
    margin: 0;
}
.lot-hero-video__points li {
    position: relative;
    padding: 4px 0 4px 22px;
    font-size: 14px;
    line-height: 1.5;
    color: #374151;
}
.lot-hero-video__points li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 4px;
    color: #1d6f43;
    font-weight: 700;
}
@media (max-width: 768px) {
    .lot-hero-video {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 14px;
    }
    .lot-hero-video__player {
        max-height: 60vh;
    }
    .lot-hero-video__title { font-size: 17px; }
    .lot-hero-video__points li { font-size: 13px; }
}

/* 2026-05-22: промо-плашка из каталога в материалы-гид */
.lot-catalog-promo {
    margin: 18px 0 24px;
    padding: 18px 22px;
    background: #f0f7f2;
    border-left: 4px solid #1d6f43;
    border-radius: 8px;
}
.lot-catalog-promo p {
    margin: 0 0 8px;
    line-height: 1.55;
}
.lot-catalog-promo p:last-child { margin-bottom: 0; }
.lot-catalog-promo__link {
    display: inline-block;
    margin-top: 6px;
    padding: 8px 18px;
    background: #1d6f43;
    color: #fff !important;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 600;
    transition: background 0.15s;
}
.lot-catalog-promo__link:hover {
    background: #14543a;
    color: #fff !important;
    text-decoration: none;
}




/* 2026-05-22: подпись-благодарность под буллетами hero */
.lot-hero-video__thanks {
    margin: 12px 0 0;
    padding: 8px 12px;
    font-size: 13px;
    font-style: italic;
    color: #6b7280;
    border-left: 3px solid #00ad5d;
    background: #f0f7f2;
    border-radius: 0 4px 4px 0;
}

/* ============================================================================
   LOT 2026-05-30 — mobile forms global tune (Этап 1).
   Применяется ко ВСЕМ slam:easyform формам на экранах <= 767px.
   Десктоп не трогается.
   ============================================================================ */
@media (max-width: 767px) {

    /* Поля ввода — компактные, font-size 16px чтобы iOS Safari не зумил при фокусе */
    .slam-easyform input[type="text"],
    .slam-easyform input[type="tel"],
    .slam-easyform input[type="email"],
    .slam-easyform input[type="number"],
    .slam-easyform select,
    .slam-easyform textarea {
        font-size: 16px !important;
        padding: 10px 12px !important;
        min-height: 44px;          /* Apple HIG touch target */
        box-sizing: border-box;
        line-height: 1.3;
    }
    .slam-easyform textarea {
        min-height: 88px;
    }

    /* Лейблы полей — мельче, не давят */
    .slam-easyform .form-group label,
    .slam-easyform label.control-label {
        font-size: 14px !important;
        font-weight: 600 !important;
        margin-bottom: 6px !important;
        line-height: 1.3 !important;
    }

    /* Сноска "*-поля обязательные к заполнению" — мелкая, выровнена по левому краю кнопки.
       padding-left: 15px компенсирует Bootstrap col inset, чтобы сноска шла ровно под кнопкой слева. */
    .feedback-form__required-note,
    .feedback-form .feedback-form__required-note {
        font-size: 12px !important;
        font-weight: 400 !important;
        color: #999 !important;
        margin: 8px 0 12px !important;
        padding-left: 15px !important;
        line-height: 1.4 !important;
        text-align: left !important;
    }

    /* Кнопка отправки — на всю ширину, заметная */
    .slam-easyform .btn-primary.submit-button,
    .slam-easyform button[type="submit"].submit-button {
        width: 100%;
        padding: 14px 20px !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        min-height: 48px;
        line-height: 1.2;
        border-radius: 8px;
    }
    /* Disabled-состояние — серое, но НЕ совсем безжизненное */
    .slam-easyform .btn-primary.submit-button[disabled],
    .slam-easyform button[type="submit"][disabled] {
        opacity: 0.6;
        cursor: not-allowed;
    }

    /* Чекбокс согласия — нормальный размер */
    .slam-easyform .pd-consent-label {
        font-size: 13px !important;
        line-height: 1.4 !important;
        display: flex;
        align-items: flex-start;
        gap: 8px;
    }
    .slam-easyform .pd-consent-checkbox {
        width: 18px;
        height: 18px;
        margin-top: 2px;
        flex-shrink: 0;
    }

    /* Модалка — крестик нормальной формы (был жирный овал).
       Специфичность 0,0,3,0 — перебиваем существующее правило на строке 1276 site.css. */
    .modal .modal-header .close,
    .modal-review .modal-header .close,
    .modal-add-holiday .modal-header .close,
    .slam-easyform .modal .modal-header .close {
        position: absolute !important;
        top: 10px !important;
        right: 10px !important;
        min-width: 0 !important;
        min-height: 0 !important;
        width: 36px !important;
        height: 36px !important;
        font-size: 24px !important;
        line-height: 1 !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 50% !important;
        padding: 0 !important;
        opacity: 0.6;
        color: #333 !important;
        text-shadow: none !important;
        box-shadow: none !important;
        margin: 0 !important;
        float: none !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        overflow: visible !important;
    }
    /* Глушим ::before "×" чтобы не было ВТОРОГО крестика поверх HTML-символа */
    .modal .modal-header .close::before,
    .modal-review .modal-header .close::before,
    .modal-add-holiday .modal-header .close::before,
    .slam-easyform .modal .modal-header .close::before {
        content: none !important;
        display: none !important;
    }
    /* Возвращаем <span> внутри Bootstrap-кнопки (cooperation modal: <button class="close"><span>×</span></button>).
       На десктопе он спрятан, чтобы показывать ::before. На мобилке мы снесли ::before — значит span нужен. */
    .modal .modal-header .close span,
    .modal-review .modal-header .close span,
    .modal-add-holiday .modal-header .close span,
    .slam-easyform .modal .modal-header .close span {
        display: inline !important;
        visibility: visible !important;
        position: static !important;
        width: auto !important;
        height: auto !important;
        clip: auto !important;
        font-size: inherit !important;
        color: inherit !important;
        overflow: visible !important;
    }
    /* Hover */
    .modal .modal-header .close:hover,
    .modal-review .modal-header .close:hover,
    .modal-add-holiday .modal-header .close:hover,
    .slam-easyform .modal .modal-header .close:hover {
        opacity: 1;
        background: rgba(0, 0, 0, 0.06) !important;
        color: #000 !important;
    }

    /* Заголовок модалки — отступ справа под крестик */
    .modal-header .modal-title,
    .modal .modal-title {
        font-size: 18px !important;
        line-height: 1.3 !important;
        padding-right: 48px !important;
        margin: 0 !important;
        font-weight: 700;
    }

    /* Group-spacing — поля не липнут друг к другу */
    .slam-easyform .form-group {
        margin-bottom: 14px !important;
    }

    /* Все поля формы — в столбик, на всю ширину (никаких col-xs-6 рядом) */
    .slam-easyform .form-group,
    .slam-easyform [class*="col-xs-"],
    .slam-easyform [class*="col-sm-"],
    .slam-easyform [class*="col-md-"] {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        float: none !important;
    }

    /* Блок form-reassurance (Свяжемся в рабочее время) — компактнее */
    .slam-easyform .form-reassurance,
    .form-reassurance {
        font-size: 13px !important;
        padding: 10px 12px !important;
        line-height: 1.4 !important;
        margin-bottom: 12px !important;
    }
    .slam-easyform .form-reassurance b,
    .form-reassurance b {
        font-size: 14px;
        display: block;
        margin-bottom: 4px;
    }

    /* ----------------------------------------------------------------
       LOT 2026-05-31 — Этап 2: мобильная CTA-кнопка "Перезвонить".
       Порядок в шапке: [≡ бургер] [Логотип] ............ [Перезвонить]
       Под правый палец. Открывает существующую модалку #callbackModal. */

    /* Бургер — налево (по умолчанию Bootstrap float:right) */
    .navbar-header {
        position: relative;
    }
    .navbar-header .navbar-toggle {
        float: left !important;
        margin-left: 8px !important;
        margin-right: 10px !important;
    }
    /* Логотип — в естественной позиции (после бургера), размер не трогаем */

    /* CTA-кнопка справа, absolute по правому краю navbar-header */
    .header-mobile-cta {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        background: #ff5a1f !important;
        color: #fff !important;
        font-size: 11px;
        font-weight: 700;
        padding: 8px 12px;
        border-radius: 6px;
        text-decoration: none !important;
        height: 32px;
        line-height: 1;
        white-space: nowrap;
        box-shadow: 0 2px 6px rgba(255, 90, 31, 0.35);
        z-index: 5;
    }
    .header-mobile-cta:hover,
    .header-mobile-cta:focus,
    .header-mobile-cta:active {
        background: #e54a10 !important;
        color: #fff !important;
        text-decoration: none !important;
    }
}

/* Прячем кнопку на десктопе (на всякий случай, дополнительно к visible-xs) */
@media (min-width: 768px) {
    .header-mobile-cta { display: none !important; }
}

/* Текст-успокоение в мини-модалке "Перезвоним вам" */
.callback-mobile-reassure {
    font-size: 14px;
    color: #4b5563;
    line-height: 1.45;
    margin: 0 0 16px;
    padding: 10px 12px;
    background: #f3f9f5;
    border-left: 3px solid #00ad5d;
    border-radius: 0 6px 6px 0;
}

/* LOT 2026-05-31: центрирование блока "Заказ сформирован" на десктопе.
   На мобильнике (< 768px) — в естественной позиции, занимает всю ширину. */
.lot-checkout-success {
    margin: 0 auto;
    text-align: center;
}
@media (min-width: 768px) {
    .lot-checkout-success {
        max-width: 720px;
        padding: 24px 16px;
    }
    .lot-checkout-success .sale_order_full_table {
        margin: 0 auto;
        background: #f7faf8;
        border-radius: 8px;
        padding: 24px 28px;
        font-size: 16px;
        line-height: 1.5;
    }
}

/* End */


/* Start:/local/templates/lot/css/requisites.css?17791195406425*/
/* ============================================================
   Страница «Реквизиты» — /rekvizity/
   ============================================================ */

/* Контейнер страницы */
.page-shell--requisites {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 var(--space-3);
}

/* Hero-блок — светло-салатовый паттерн, как на /job/ */
.requisites-hero {
    margin: 0 0 var(--space-6);
    padding: var(--space-5) var(--space-6);
    border-radius: var(--radius-lg);
    background: var(--gradient-info-light);
    border-left: 4px solid var(--color-primary);
    box-shadow: none;
    text-align: center;
}
.requisites-hero__content {
    color: var(--color-text-dark);
}
.requisites-hero__icon {
    display: block;
    font-size: 42px;
    margin-bottom: var(--space-3);
    line-height: 1;
}
.requisites-hero__title {
    margin: 0 0 var(--space-2);
    font-size: var(--font-size-h1);
    font-weight: var(--fw-semibold);
    color: var(--color-text-dark);
}
.requisites-hero__subtitle {
    margin: 0;
    font-size: 17px;
    line-height: var(--lh-base);
    color: var(--color-text);
    opacity: 1;
}

/* Сетка карточек */
.requisites-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-3);
    margin-bottom: var(--space-6);
}
.requisites-card {
    padding: var(--space-4) var(--space-5);
    background: var(--color-bg-green-tint);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.requisites-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-sm);
}
.requisites-card--main {
    grid-column: 1 / -1;
    /* без полоски — она уже на hero */
    border-left: none;
}
.requisites-card--wide {
    grid-column: 1 / -1;
}
.requisites-card__label {
    font-size: var(--font-size-xs);
    font-weight: var(--fw-bold);
    color: var(--color-primary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: var(--space-2);
}
.requisites-card__value {
    font-size: var(--font-size-lg);
    font-weight: var(--fw-medium);
    color: var(--color-text);
    line-height: var(--lh-tight);
}
.requisites-card--main .requisites-card__value {
    font-size: var(--font-size-h3);
}

/* CTA-блок снизу — единый размер 720px по центру (как на /cooperation/, /faq/, /dostavka/) */
.requisites-cta {
    margin: var(--space-6) auto 0 auto;
    padding: var(--space-5) var(--space-6);
    background: var(--gradient-accent-deep);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    text-align: center;
    color: var(--color-white);
    max-width: 720px;
}
.requisites-cta p {
    margin: 0 0 var(--space-3);
    font-size: var(--font-size-base);
    color: var(--color-white);
    opacity: 0.92;
}
.requisites-cta__links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: var(--space-3);
}
.requisites-cta__btn {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-5);
    font-weight: var(--fw-bold);
    font-size: var(--font-size-sm);
    color: var(--color-white);
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: var(--radius-md);
    text-decoration: none;
    transition: background 0.2s ease, transform 0.2s ease;
}
.requisites-cta__btn:hover {
    transform: translateY(-1px);
    background: rgba(255, 255, 255, 0.25);
    color: var(--color-white);
    text-decoration: none;
}
.requisites-cta__phone {
    font-size: var(--font-size-lg);
    font-weight: var(--fw-bold);
    color: var(--color-white);
    text-decoration: none;
}
.requisites-cta__phone:hover {
    color: var(--color-white);
    text-decoration: underline;
}

/* Мобильная адаптация */
@media (max-width: 576px) {
    .requisites-hero {
        padding: var(--space-6) var(--space-4);
    }
    .requisites-hero__title {
        font-size: var(--font-size-h1-mobile);
    }
    .requisites-hero__subtitle {
        font-size: var(--font-size-base);
    }
    .requisites-grid {
        grid-template-columns: 1fr;
    }
    .requisites-cta {
        padding: var(--space-4);
    }
    .requisites-cta__links {
        flex-direction: column;
    }
}

/* ============================================================
   Воздушный стиль (как на /job/, /about/sertifikaty/)
   ============================================================ */
.requisites-hero {
    background: var(--gradient-info-light) !important;
    border-left: 4px solid var(--color-primary);
    box-shadow: none !important;
    text-align: left;
}
.requisites-hero__content { color: var(--color-text); }
.page-shell--requisites h1.requisites-hero__title {
    color: var(--color-text-dark) !important;
    text-align: left;
}
.requisites-hero__subtitle {
    color: var(--color-text) !important;
    opacity: 1;
    text-align: left;
}
/* Карточки белые — меньше салатового */
.requisites-card {
    background: var(--color-white);
}
.requisites-card--main {
    grid-column: 1 / -1;
    /* без полоски — она уже на hero */
    border-left: none;
}
.requisites-card--main { border-left: none !important; }

/* ============================================================
   ТЁМНО-ЗЕЛЁНЫЙ HERO (единый стиль на 4 страницах)
   ============================================================ */
.requisites-hero,
.faq-hero,
.job-hero,
.docs-hero {
    background: var(--gradient-accent-deep) !important;
    border-left: none !important;
    box-shadow: var(--shadow-md) !important;
    text-align: center !important;
    padding: var(--space-8) var(--space-6) !important;
}
.page-shell--requisites h1.requisites-hero__title,
.page-shell--faq h1.faq-hero__title,
.page-shell--job h1.job-hero__title,
.page-shell--documents h1.docs-hero__title {
    color: var(--color-white) !important;
    text-align: center !important;
}
.requisites-hero__subtitle,
.faq-hero__subtitle,
.job-hero__subtitle,
.docs-hero__subtitle {
    color: var(--color-white) !important;
    opacity: 0.92 !important;
    text-align: center !important;
}

/* End */


/* Start:/local/templates/lot/css/faq.css?17791195417540*/
/* ============================================================
   Страница «Вопросы и ответы (FAQ)» — /voprosy-i-otvety-faq/
   ============================================================ */

.page-shell--faq {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 var(--space-3);
}

/* Hero — светло-салатовый паттерн, как на /job/ и /rekvizity/ */
.faq-hero {
    margin: 0 0 var(--space-6);
    padding: var(--space-5) var(--space-6);
    border-radius: var(--radius-lg);
    background: var(--gradient-info-light);
    border-left: 4px solid var(--color-primary);
    box-shadow: none;
    text-align: center;
}
.faq-hero__content { color: var(--color-text-dark); }
.faq-hero__icon {
    display: block;
    font-size: 42px;
    margin-bottom: var(--space-3);
    line-height: 1;
}
.faq-hero__title {
    margin: 0 0 var(--space-2);
    font-size: 32px;
    font-weight: var(--fw-semibold);
    color: var(--color-text-dark);
    text-align: center;
}
.faq-hero__subtitle {
    margin: 0;
    font-size: 17px;
    line-height: var(--lh-base);
    color: var(--color-text);
    opacity: 1;
    text-align: center;
}

/* Секции с категориями */
.faq-section { margin-bottom: var(--space-8); }
.faq-section:last-of-type { margin-bottom: 0; }

.faq-section__title {
    margin: 0 0 var(--space-4) 0;
    font-size: var(--font-size-h3);
    font-weight: var(--fw-semibold);
    color: var(--color-text-dark);
    padding-bottom: var(--space-2);
    border-bottom: 2px solid var(--color-primary);
    border-bottom-color: rgba(0, 173, 93, 0.25);  /* TODO: token (alpha primary) */
}

/* Accordion */
.faq-accordion {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.faq-item {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    margin-bottom: 10px;         /* TODO: token */
    overflow: hidden;
    background: var(--color-white);
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}
.faq-item:last-child { margin-bottom: 0; }
.faq-item:hover {
    border-color: rgba(0, 173, 93, 0.4);          /* TODO: token */
    box-shadow: 0 2px 12px rgba(0, 173, 93, 0.08);/* TODO: token */
}
.faq-item[open] {
    border-color: var(--color-primary);
    box-shadow: 0 4px 16px rgba(0, 173, 93, 0.12);/* TODO: token */
}

.faq-item__question {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: 18px 22px;          /* TODO: token */
    font-size: var(--font-size-base);
    font-weight: var(--fw-semibold);
    color: var(--color-text-dark);
    cursor: pointer;
    list-style: none;
    user-select: none;
    transition: background 0.2s ease, color 0.2s ease;
}
.faq-item__question::-webkit-details-marker,
.faq-item__question::marker {
    display: none;
}
.faq-item__question::before {
    content: "";
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2300ad5d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center;
    transition: transform 0.25s ease;
}
.faq-item[open] .faq-item__question::before {
    transform: rotate(180deg);
}
.faq-item__question:hover {
    background: rgba(0, 173, 93, 0.06);  /* TODO: token */
    color: var(--color-primary-dark);
}

.faq-item__answer {
    padding: 0 22px 20px 46px;   /* TODO: token */
}
.faq-item__answer p {
    margin: 0;
    font-size: 15px;             /* TODO: token */
    line-height: var(--lh-loose);
    color: var(--color-text);
}
.faq-item__answer a {
    color: var(--color-primary);
    font-weight: var(--fw-medium);
}
.faq-item__answer a:hover {
    color: var(--color-primary-dark);
}

/* CTA — единый стиль с реквизитами */
.faq-cta {
    margin: var(--space-8) auto 0 auto;
    padding: var(--space-5) var(--space-6);
    background: var(--gradient-accent-deep);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    text-align: center;
    color: var(--color-white);
    max-width: 720px;
}
.faq-cta__text {
    margin: 0 0 var(--space-3);
    font-size: var(--font-size-lg);
    font-weight: var(--fw-semibold);
    color: var(--color-white);
}
.faq-cta__links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: var(--space-3);
}
.faq-cta__btn {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-5);
    font-weight: var(--fw-semibold);
    font-size: var(--font-size-sm);
    color: var(--color-white);
    background: rgba(255, 255, 255, 0.15);  /* TODO: token */
    border: 1px solid rgba(255, 255, 255, 0.4);/* TODO: token */
    border-radius: var(--radius-md);
    text-decoration: none;
    transition: background 0.2s ease, transform 0.2s ease;
}
.faq-cta__btn:hover {
    transform: translateY(-1px);
    background: rgba(255, 255, 255, 0.25);  /* TODO: token */
    color: var(--color-white);
    text-decoration: none;
}
.faq-cta__phone {
    font-size: var(--font-size-lg);
    font-weight: var(--fw-semibold);
    color: var(--color-white);
    text-decoration: none;
}
.faq-cta__phone:hover {
    color: var(--color-white);
    text-decoration: underline;
}

/* Мобильная адаптация */
@media (max-width: 576px) {
    .faq-hero { padding: var(--space-6) var(--space-4); }
    .faq-hero__title { font-size: var(--font-size-h1-mobile); }
    .faq-hero__subtitle { font-size: var(--font-size-base); }
    .faq-item__question { padding: var(--space-3) var(--space-4); font-size: var(--font-size-sm); }
    .faq-item__answer { padding: 0 var(--space-4) var(--space-3) var(--space-4); }
    .faq-cta { padding: var(--space-4); }
    .faq-cta__links { flex-direction: column; }
}

/* ============================================================
   Воздушный стиль (как на /job/, /about/sertifikaty/)
   ============================================================ */
.faq-hero {
    background: var(--gradient-info-light) !important;
    border-left: 4px solid var(--color-primary);
    box-shadow: none !important;
    text-align: left;
}
.faq-hero__content { color: var(--color-text); }
.page-shell--faq h1.faq-hero__title {
    color: var(--color-text-dark) !important;
    text-align: left;
}
.faq-hero__subtitle {
    color: var(--color-text) !important;
    opacity: 1;
    text-align: left;
}

/* ============================================================
   ТЁМНО-ЗЕЛЁНЫЙ HERO (единый стиль на 4 страницах)
   ============================================================ */
.requisites-hero,
.faq-hero,
.job-hero,
.docs-hero {
    background: var(--gradient-accent-deep) !important;
    border-left: none !important;
    box-shadow: var(--shadow-md) !important;
    text-align: center !important;
    padding: var(--space-8) var(--space-6) !important;
}
.page-shell--requisites h1.requisites-hero__title,
.page-shell--faq h1.faq-hero__title,
.page-shell--job h1.job-hero__title,
.page-shell--documents h1.docs-hero__title {
    color: var(--color-white) !important;
    text-align: center !important;
}
.requisites-hero__subtitle,
.faq-hero__subtitle,
.job-hero__subtitle,
.docs-hero__subtitle {
    color: var(--color-white) !important;
    opacity: 0.92 !important;
    text-align: center !important;
}

/* End */


/* Start:/local/templates/lot/css/documents.css?17787846406673*/
/* ============================================================
   Страница «Сертификаты» — /about/sertifikaty/
   ============================================================ */

.page-shell--documents {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 var(--space-3);
    overflow: visible;
}

/* Intro */
.page-shell--documents .certs-lead {
    margin: 0 0 var(--space-6);
    padding: var(--space-4) var(--space-5);
    font-size: 17px;             /* TODO: token */
    line-height: var(--lh-base);
    color: var(--color-text);
    background: linear-gradient(135deg, var(--color-bg-green-tint) 0%, #e8f5ee 100%);  /* TODO: 2nd-tint token */
    border-left: 4px solid var(--color-primary);
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
}

/* Контейнер списка карточек */
.company-documents {
    margin-top: 0;
    overflow: visible;
}

/* Когда slick не инициализирован — flex-сетка */
.company-documents .docs-slider {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-4);
    margin: 0;
}
.company-documents .docs-slider.slick-initialized {
    display: block;
    margin: 0 -10px;             /* TODO: token */
}
.company-documents .docs-slider .cert-card {
    width: calc(25% - 15px);     /* TODO: token */
}
.company-documents .docs-slider.slick-initialized .cert-card {
    width: auto;
}

/* Карточка сертификата */
.cert-card {
    margin-bottom: 0;
}
.cert-card__link {
    display: flex;
    flex-direction: column;
    text-decoration: none !important;
    color: inherit;
    background: var(--color-white);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);    /* TODO: token */
    border: 1px solid rgba(0, 173, 93, 0.12);      /* TODO: token */
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.cert-card__link:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(0, 173, 93, 0.15);  /* TODO: token */
    border-color: rgba(0, 173, 93, 0.3);             /* TODO: token */
}
.cert-card__img-wrap {
    display: block;
    position: relative;
    padding-top: 140%;           /* aspect ratio */
    background: linear-gradient(180deg, #f8fcf9 0%, var(--color-bg-green-tint) 100%);  /* TODO: token */
    overflow: hidden;
}
.cert-card__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

/* Slick-стрелки (если слайдер инициализирован) */
.company-documents .slick-prev,
.company-documents .slick-next {
    width: 44px;                 /* TODO: token */
    height: 44px;
    z-index: 10;
    background: var(--color-white);
    border-radius: var(--radius-full);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);   /* TODO: token */
    border: 1px solid rgba(0, 173, 93, 0.2);     /* TODO: token */
}
.company-documents .slick-prev:hover,
.company-documents .slick-next:hover {
    background: var(--color-primary);
    border-color: var(--color-primary);
}
.company-documents .slick-prev:hover::before,
.company-documents .slick-next:hover::before {
    color: var(--color-white);
}
.company-documents .slick-prev { left: -12px; }   /* TODO: token */
.company-documents .slick-next { right: -12px; }

/* Адаптив */
@media (max-width: 768px) {
    .page-shell--documents .certs-lead {
        font-size: var(--font-size-sm);
        padding: var(--space-3) var(--space-4);
        margin-bottom: var(--space-5);
    }
    .company-documents .docs-slider .cert-card {
        width: calc(50% - 10px);
    }
    .company-documents .slick-prev,
    .company-documents .slick-next {
        width: 36px;
        height: 36px;
    }
}
@media (max-width: 480px) {
    .company-documents .docs-slider .cert-card { width: 100%; }
}

/* Hero — единый стиль с /job/ */
.docs-hero {
    margin-bottom: var(--space-6);
    padding: var(--space-5) var(--space-6);
    background: var(--gradient-info-light);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--color-primary);
}
.docs-hero__title {
    margin: 0 0 var(--space-3) 0;
    font-size: var(--font-size-h1);
    font-weight: var(--fw-semibold);
    color: var(--color-text-dark);
    letter-spacing: 0.02em;
}
.page-shell--documents .docs-hero h1.docs-hero__title {
    color: var(--color-text-dark) !important;
}
.docs-hero__subtitle {
    margin: 0;
    font-size: 17px;
    font-weight: var(--fw-regular);
    color: var(--color-text);
    line-height: var(--lh-base);
}
@media (max-width: 768px) {
    .docs-hero { padding: var(--space-4); margin-bottom: var(--space-5); }
    .docs-hero__title { font-size: var(--font-size-h1-mobile); }
    .docs-hero__subtitle { font-size: var(--font-size-base); }
}
/* Скрываем точки-индикаторы slick-карусели */
.company-documents .slick-dots { display: none !important; }

/* ============================================================
   ТЁМНО-ЗЕЛЁНЫЙ HERO (единый стиль на 4 страницах)
   ============================================================ */
.requisites-hero,
.faq-hero,
.job-hero,
.docs-hero {
    background: var(--gradient-accent-deep) !important;
    border-left: none !important;
    box-shadow: var(--shadow-md) !important;
    text-align: center !important;
    padding: var(--space-8) var(--space-6) !important;
}
.page-shell--requisites h1.requisites-hero__title,
.page-shell--faq h1.faq-hero__title,
.page-shell--job h1.job-hero__title,
.page-shell--documents h1.docs-hero__title {
    color: var(--color-white) !important;
    text-align: center !important;
}
.requisites-hero__subtitle,
.faq-hero__subtitle,
.job-hero__subtitle,
.docs-hero__subtitle {
    color: var(--color-white) !important;
    opacity: 0.92 !important;
    text-align: center !important;
}

/* ============================================================
   Светлый hero — единый стиль с /job/
   ============================================================ */
.docs-hero {
    background: var(--gradient-info-light) !important;
    border-left: 4px solid var(--color-primary) !important;
    box-shadow: none !important;
    text-align: left !important;
    padding: var(--space-5) var(--space-6) !important;
}
.page-shell--documents h1.docs-hero__title {
    color: var(--color-text-dark) !important;
    text-align: left !important;
}
.docs-hero__subtitle {
    color: var(--color-text) !important;
    opacity: 1 !important;
    text-align: left !important;
}

/* End */


/* Start:/local/templates/lot/css/job.css?17791197047534*/
/* ============================================================
   Страница «Вакансии» — /job/
   ============================================================ */

.page-shell--job {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 var(--space-3);
}

/* Hero — светлый info-блок (паттерн B) */
.job-hero {
    margin-bottom: var(--space-6);
    padding: var(--space-5) var(--space-6);
    background: var(--gradient-info-light);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--color-primary);
}
.job-hero__title {
    margin: 0 0 var(--space-3) 0;
    font-size: var(--font-size-h1);
    font-weight: var(--fw-semibold);
    color: var(--color-text-dark);
    letter-spacing: 0.02em;            /* TODO: token */
}
.job-hero__subtitle {
    margin: 0;
    font-size: 17px;                   /* TODO: token */
    font-weight: var(--fw-regular);
    color: var(--color-text);
    line-height: var(--lh-base);
}

/* Список вакансий */
.job-list {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

/* Пустой список */
.job-empty {
    padding: var(--space-6);
    background: var(--gradient-info-light);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--color-primary);
}
.job-empty__text {
    margin: 0;
    font-size: 17px;                   /* TODO: token */
    line-height: var(--lh-base);
    color: var(--color-text);
}
.job-empty__text a { color: var(--color-primary); }

/* Карточка вакансии */
.job-item {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: var(--space-5);
    padding: var(--space-5) var(--space-6);
    background: linear-gradient(180deg, var(--color-white) 0%, #f7fcf9 100%);  /* TODO: token */
    border: 1px solid rgba(0, 173, 93, 0.2);          /* TODO: token */
    border-left: 3px solid rgba(0, 173, 93, 0.45);    /* TODO: token */
    border-radius: var(--radius-lg);
    box-shadow: 0 4px 16px rgba(11, 36, 29, 0.08);    /* TODO: token */
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.job-item:hover {
    /* transform disabled — ломает Bootstrap-модалку */
    box-shadow: 0 10px 28px rgba(11, 36, 29, 0.14);   /* TODO: token */
    border-left-color: var(--color-primary);
}
.job-item__body {
    flex: 1;
    min-width: 0;
}
.job-item__name {
    margin: 0 0 var(--space-2) 0;
    font-size: var(--font-size-h4);
    font-weight: var(--fw-semibold);
    color: var(--color-text-dark);
    line-height: 1.35;                 /* TODO: token */
}
.job-item__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-3) var(--space-4);
    margin-bottom: var(--space-3);
}
.job-item__salary {
    display: inline-flex;
    align-items: center;
    min-height: 30px;                  /* TODO: token */
    padding: 4px 10px;                 /* TODO: token */
    border: 1px solid rgba(0, 173, 93, 0.3);  /* TODO: token */
    border-radius: 999px;
    background: rgba(0, 173, 93, 0.1);        /* TODO: token */
    color: var(--color-primary-dark);
    font-size: 15px;                   /* TODO: token */
    font-weight: var(--fw-semibold);
}
.job-item__date {
    font-size: var(--font-size-sm);
    color: var(--color-text-muted);
}
.job-item__desc {
    margin: 0;
    font-size: 15px;                   /* TODO: token */
    line-height: var(--lh-base);
    color: var(--color-text);
}
.job-item__desc p { margin: 0 0 var(--space-2) 0; }
.job-item__desc p:last-child { margin-bottom: 0; }

.job-item__action { flex-shrink: 0; }
.job-item__action .btn-primary,
.job-item__action .submit-button,
.job-item__action a[role="button"],
.job-item__action button {
    background: linear-gradient(145deg, #17a95d 0%, #119553 100%) !important;  /* TODO: token */
    border: 1px solid rgba(10, 104, 59, 0.45) !important;
    color: var(--color-white) !important;
    border-radius: var(--radius-md);
    padding: 11px 18px;                /* TODO: token */
    font-weight: var(--fw-semibold);
    box-shadow: 0 6px 16px rgba(10, 104, 59, 0.2);     /* TODO: token */
    white-space: nowrap;
}
.job-item__action .btn-primary:hover,
.job-item__action .submit-button:hover,
.job-item__action a[role="button"]:hover,
.job-item__action button:hover {
    background: linear-gradient(145deg, #129955 0%, #0d8248 100%) !important;
    border-color: rgba(8, 84, 48, 0.55) !important;
    color: var(--color-white) !important;
}

@media (max-width: 768px) {
    .job-hero { padding: var(--space-4); margin-bottom: var(--space-5); }
    .job-hero__title { font-size: var(--font-size-h1-mobile); }
    .job-hero__subtitle { font-size: var(--font-size-base); }
    .job-item { flex-direction: column; padding: var(--space-4); gap: var(--space-3); }
    .job-item__action { width: 100%; text-align: center; }
    .job-item__action .btn-primary,
    .job-item__action .submit-button,
    .job-item__action a[role="button"],
    .job-item__action button { width: 100%; }
}

/* ============================================================
   ТЁМНО-ЗЕЛЁНЫЙ HERO (единый стиль на 4 страницах)
   ============================================================ */
/* LOT 2026-05-18: light pattern for ALL hero blocks (was dark gradient — too heavy).
   Light info-gradient + green left border, dark text. Same as /job/. */
.requisites-hero,
.faq-hero,
.job-hero,
.docs-hero {
    background: var(--gradient-info-light) !important;
    border-left: 4px solid var(--color-primary) !important;
    box-shadow: none !important;
    text-align: center !important;
    padding: var(--space-5) var(--space-6) !important;
}
.page-shell--requisites h1.requisites-hero__title,
.page-shell--faq h1.faq-hero__title,
.page-shell--job h1.job-hero__title,
.page-shell--documents h1.docs-hero__title {
    color: var(--color-text-dark) !important;
    text-align: center !important;
}
.requisites-hero__subtitle,
.faq-hero__subtitle,
.job-hero__subtitle,
.docs-hero__subtitle {
    color: var(--color-text) !important;
    opacity: 1 !important;
    text-align: left !important;
}


/* ============================================================
   Светлый hero (паттерн B — как на /about/sertifikaty/, локалхост)
   ============================================================ */
.job-hero {
    background: var(--gradient-info-light) !important;
    border-left: 4px solid var(--color-primary) !important;
    box-shadow: none !important;
    text-align: left !important;
    padding: var(--space-5) var(--space-6) !important;
}
.page-shell--job h1.job-hero__title {
    color: var(--color-text-dark) !important;
    text-align: left !important;
}
.job-hero__subtitle {
    color: var(--color-text) !important;
    opacity: 1 !important;
    text-align: left !important;
}

/* Сертификаты — светлый hero как у вакансий (отмена тёмного override) */
.docs-hero {
    background: var(--gradient-info-light) !important;
    border-left: 4px solid var(--color-primary) !important;
    box-shadow: none !important;
    text-align: left !important;
    padding: var(--space-5) var(--space-6) !important;
}
.page-shell--documents h1.docs-hero__title {
    color: var(--color-text-dark) !important;
    text-align: left !important;
}
.docs-hero__subtitle {
    color: var(--color-text) !important;
    opacity: 1 !important;
    text-align: left !important;
}

/* End */


/* Start:/local/templates/lot/css/about.css?17787864088523*/
/* ============================================================
   Страница «О компании» — /about/
   ============================================================ */

.page-shell--about {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 var(--space-3);
    font-size: 17px;
    line-height: var(--lh-base);
    color: var(--color-text);
}

/* Hero — светлый стиль с зелёной полоской (как на сертификатах/вакансиях) */
.about-hero {
    text-align: center;
    margin: 0 0 var(--space-6);
    padding: var(--space-5) var(--space-6);
    background: var(--gradient-info-light);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--color-primary);
}
.about-hero__title,
.about-hero p.about-hero__title {
    margin: 0 0 var(--space-3) 0;
    font-size: 32px;
    font-weight: var(--fw-semibold);
    color: var(--color-text-dark);
    letter-spacing: 0.02em;
}
.about-hero__subtitle,
.about-hero p.about-hero__subtitle {
    margin: 0;
    font-size: var(--font-size-lg);
    font-weight: var(--fw-regular);
    line-height: var(--lh-base);
    color: var(--color-text);
}

/* Контент-зона */
.about-content {
    max-width: 860px;
    margin: 0 auto;
}
.about-section {
    margin-bottom: var(--space-8);
}
.about-section:last-child {
    margin-bottom: 0;
}

/* Intro lead */
.about-lead {
    margin: 0;
    font-size: var(--font-size-lg);
    line-height: var(--lh-base);
    color: var(--color-text);
}

/* «Наш подход» */
.about-heading {
    margin: 0 0 var(--space-4) 0;
    font-size: var(--font-size-h2);
    font-weight: var(--fw-semibold);
    color: var(--color-text-dark);
}
.about-philosophy p {
    margin: 0 0 var(--space-3) 0;
    color: var(--color-text);
}
.about-philosophy-next {
    display: block;
    margin-top: var(--space-2);
}
.about-checklist {
    margin: var(--space-3) 0 0;
    padding-left: 0;
    list-style: none;
}
.about-checklist li {
    position: relative;
    padding-left: 32px;
    margin-bottom: var(--space-2);
    color: var(--color-text);
}
.about-checklist li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--color-primary);
    font-weight: var(--fw-bold);
    font-size: var(--font-size-lg);
}

/* CTA-блок «Более 700 видов» — тёмный (важный акцент) */
.about-stock-cta {
    padding: var(--space-6);
    background: var(--gradient-accent-deep);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    text-align: center;
    color: var(--color-white);
}
.about-stock-cta__icon {
    font-size: 48px;
    margin-bottom: var(--space-3);
    line-height: 1;
}
.about-stock-cta__title {
    margin: 0 0 var(--space-3) 0;
    font-size: var(--font-size-h2);
    font-weight: var(--fw-semibold);
    color: var(--color-white);
}
.about-stock-cta__text {
    margin: 0 0 var(--space-3) 0;
    font-size: var(--font-size-base);
    line-height: var(--lh-base);
    color: var(--color-white);
    opacity: 0.92;
}
.about-stock-cta__text a {
    text-decoration: underline;
    color: #9ee4be !important;
}
.about-stock-cta__tagline {
    margin: 0 0 var(--space-4) 0;
    font-size: var(--font-size-base);
    color: var(--color-white);
}
.about-stock-cta__btn {
    display: inline-block;
    padding: var(--space-3) var(--space-5);
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: var(--radius-md);
    color: var(--color-white);
    font-weight: var(--fw-semibold);
    text-decoration: none;
    transition: background 0.2s ease, transform 0.2s ease;
}
.about-stock-cta__btn:hover {
    background: rgba(255, 255, 255, 0.25);
    color: var(--color-white);
    text-decoration: none;
    transform: translateY(-1px);
}

/* Адаптив */
@media (max-width: 768px) {
    .about-hero { padding: var(--space-4); }
    .about-hero__title { font-size: var(--font-size-h1-mobile); }
    .about-stock-cta { padding: var(--space-4); }
    .about-stock-cta__title { font-size: var(--font-size-h3); }
}

/* ============================================================
   Блок «Выбор по типу материала» (material_types_block.php)
   ============================================================ */
.material-types-block { margin-bottom: var(--space-5); }
.material-types-block__heading {
    font-size: var(--font-size-h4);
    margin: 0 0 var(--space-3) 0;
    color: var(--color-text);
    font-weight: var(--fw-semibold);
}
.material-types-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: var(--space-3);
}
.material-types-card {
    display: block;
    padding: var(--space-4) var(--space-4);
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-bg-green-tint) 100%);
    border: 1px solid rgba(0, 173, 93, 0.2);
    border-radius: var(--radius-md);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    text-decoration: none;
    color: inherit;
}
.material-types-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 173, 93, 0.12);
    text-decoration: none;
    color: inherit;
}
.material-types-card__icon {
    display: block;
    font-size: 28px;
    margin-bottom: var(--space-2);
    line-height: 1;
}
.material-types-card__title {
    display: block;
    margin: 0 0 var(--space-1) 0;
    font-size: var(--font-size-base);
    font-weight: var(--fw-semibold);
    color: var(--color-text-dark);
}
.material-types-card__text {
    display: block;
    margin: 0;
    font-size: var(--font-size-sm);
    color: var(--color-text-muted);
    line-height: 1.4;
}
.material-types-card__products {
    margin-top: var(--space-3);
    padding-top: var(--space-2);
    border-top: 1px solid rgba(0, 173, 93, 0.15);
    display: flex;
    flex-wrap: wrap;
    gap: 6px 10px;
}
.material-types-card__product-link {
    font-size: var(--font-size-xs);
    color: var(--color-primary);
    text-decoration: none;
}
.material-types-card__product-link:hover {
    text-decoration: underline;
}
a.about-card {
    display: block;
    text-decoration: none;
    color: inherit;
}
a.about-card:hover {
    text-decoration: none;
    color: inherit;
}

/* ============================================================
   География поставок — карточки пород
   ============================================================ */
.about-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: var(--space-3);
}
.about-card {
    display: block;
    padding: var(--space-4);
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-bg-green-tint) 100%);
    border: 1px solid rgba(0, 173, 93, 0.2);
    border-radius: var(--radius-md);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    text-decoration: none;
    color: inherit;
}
.about-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 173, 93, 0.12);
    text-decoration: none;
    color: inherit;
}
.about-card__icon {
    display: block;
    font-size: 28px;
    margin-bottom: var(--space-2);
    line-height: 1;
}
.about-card__title {
    display: block;
    margin: 0 0 var(--space-1) 0;
    font-size: var(--font-size-base);
    font-weight: var(--fw-semibold);
    color: var(--color-text-dark);
}
.about-card__text {
    display: block;
    margin: 0;
    font-size: var(--font-size-sm);
    color: var(--color-text-muted);
    line-height: 1.4;
}

/* Подсветка философии (опционально — оставим как у локалхоста) */
.about-section--philosophy {
    padding: var(--space-6) var(--space-5);
    background: var(--gradient-info-light);
    border-left: 4px solid var(--color-primary);
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
}
.about-philosophy p {
    margin: 0 0 var(--space-2) 0;
}


/* Принудительное центрирование всех элементов CTA-блока */
.page-shell--about .about-stock-cta,
.page-shell--about .about-stock-cta * {
    text-align: center !important;
}
.page-shell--about .about-stock-cta__title {
    text-align: center !important;
    color: var(--color-white) !important;
}
.page-shell--about .about-stock-cta__icon {
    margin-left: auto !important;
    margin-right: auto !important;
}
.page-shell--about .about-stock-cta__btn {
    margin: 0 auto;
}

/* End */


/* Start:/local/templates/lot/css/catalog_chips.css?17787958281054*/
/* ============================================================
   Породы древесины на плитках каталога /catalog/
   ============================================================ */
.catalog-section-materials {
    display: flex;
    flex-wrap: wrap;
    gap: 4px var(--space-2);
    padding: var(--space-1) 0 var(--space-2);
    justify-content: center;
    align-items: center;
    font-size: var(--font-size-xs);
}
.catalog-section-material {
    display: inline-block;
    color: var(--color-primary);
    text-decoration: none !important;
    line-height: 1.3;
    transition: color 0.15s ease;
}
.catalog-section-material:hover {
    color: var(--color-primary-dark);
    text-decoration: underline !important;
}
.catalog-section-material + .catalog-section-material::before {
    content: "·";
    display: inline-block;        /* отделяет ::before от подчёркивания текста */
    margin-right: var(--space-2);
    color: var(--color-text-muted);
    text-decoration: none !important;
}

/* End */


/* Start:/local/templates/lot/css/materialy.css?17793940938851*/
/* Страницы /materialy/{slug}/ */
.page-shell--materialy { max-width: 900px; margin: 0 auto; padding: 0 var(--space-3); }
.materialy-hero { margin: 0 0 var(--space-6); padding: var(--space-5) var(--space-6); background: var(--gradient-info-light); border-radius: var(--radius-lg); border-left: 4px solid var(--color-primary); }
.materialy-hero__subtitle { margin: 0; font-size: var(--font-size-lg); line-height: var(--lh-base); color: var(--color-text); }
.materialy-hero__count { margin: var(--space-2) 0 0; font-size: var(--font-size-sm); color: var(--color-text-muted); }
.materialy-section { margin-bottom: var(--space-6); }
.materialy-section__title { margin: 0 0 var(--space-3); font-size: var(--font-size-h3); font-weight: var(--fw-semibold); color: var(--color-text-dark); display: flex; align-items: baseline; gap: var(--space-2); border-bottom: 1px solid var(--color-border); padding-bottom: var(--space-2); }
.materialy-section__link { color: var(--color-text-dark); text-decoration: none; }
.materialy-section__link:hover { color: var(--color-primary); text-decoration: underline; }
.materialy-section__count { font-size: var(--font-size-sm); color: var(--color-text-muted); font-weight: var(--fw-regular); }
.materialy-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: var(--space-2); }
.materialy-item__link { display: block; padding: var(--space-3); color: var(--color-text-dark); background: var(--color-white); border: 1px solid var(--color-border); border-radius: var(--radius-md); text-decoration: none !important; transition: border-color 0.15s, transform 0.15s, box-shadow 0.15s; }
.materialy-item__link:hover { border-color: var(--color-primary); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0,173,93,0.08); color: var(--color-primary-dark); text-decoration: none !important; }
.materialy-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: var(--space-3); }
.materialy-card { display: flex; flex-direction: column; align-items: center; padding: var(--space-5) var(--space-4); background: linear-gradient(180deg, var(--color-white) 0%, var(--color-bg-green-tint) 100%); border: 1px solid var(--color-border); border-radius: var(--radius-md); text-decoration: none !important; transition: transform 0.15s, box-shadow 0.15s, border-color 0.15s; }
.materialy-card:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,173,93,0.12); border-color: var(--color-primary); text-decoration: none !important; }
.materialy-card__icon { font-size: 36px; margin-bottom: var(--space-2); }
.materialy-card__title { font-size: var(--font-size-base); font-weight: var(--fw-semibold); color: var(--color-text-dark); text-align: center; }
.materialy-empty { padding: var(--space-6); text-align: center; color: var(--color-text-muted); background: var(--gradient-info-light); border-radius: var(--radius-lg); }

/* Скрываем стрелки слайдера на /materialy/X/ — все товары видны сразу */
.page-shell--materialy .bx_catalog_tile_pages_left,
.page-shell--materialy .bx_catalog_tile_pages_right,
.page-shell--materialy .bx_catalog_tile_pages {
    display: none !important;
}
.page-shell--materialy .bx_catalog_tile_slide.notactive,
.page-shell--materialy .bx_catalog_tile_slide {
    display: block !important;
}

/* Полностью скрываем элементы слайдера на /materialy/X/ */
.page-shell--materialy .bx_catalog_tile_slider_arrow_left,
.page-shell--materialy .bx_catalog_tile_slider_arrow_right,
.page-shell--materialy .bx_catalog_tile_slider_pagination {
    display: none !important;
}
/* Показываем все слайды, даже скрытые JS */
.page-shell--materialy .bx_catalog_tile_slide,
.page-shell--materialy .bx_catalog_tile_slide.notactive {
    display: block !important;
    opacity: 1 !important;
    position: static !important;
}

/* === Полная посадочная: текстовые блоки === */
.materialy-block { margin-bottom: var(--space-8); }
.materialy-block__title { font-size: var(--font-size-h3); font-weight: var(--fw-semibold); color: var(--color-text-dark); margin: 0 0 var(--space-4); padding-bottom: var(--space-2); border-bottom: 2px solid var(--color-primary); }
.materialy-intro p { margin: 0 0 var(--space-3); font-size: var(--font-size-base); line-height: var(--lh-base); color: var(--color-text); }
.materialy-intro p:last-child { margin-bottom: 0; }

/* Характеристики */
.materialy-props-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: var(--space-3); }
.materialy-prop { padding: var(--space-3) var(--space-4); background: var(--color-bg-green-tint); border: 1px solid var(--color-border); border-radius: var(--radius-md); }
.materialy-prop__label { font-size: var(--font-size-xs); color: var(--color-text-muted); text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: var(--space-1); }
.materialy-prop__value { font-size: var(--font-size-base); font-weight: var(--fw-semibold); color: var(--color-text-dark); }

/* Применение */
.materialy-usage-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: var(--space-2); }
.materialy-usage-list li { padding: var(--space-2) var(--space-3) var(--space-2) var(--space-5); position: relative; color: var(--color-text); }
.materialy-usage-list li::before { content: "✓"; position: absolute; left: var(--space-2); top: var(--space-2); color: var(--color-primary); font-weight: var(--fw-bold); }

/* FAQ */
.materialy-faq-item { border: 1px solid var(--color-border); border-radius: var(--radius-md); margin-bottom: var(--space-2); overflow: hidden; background: var(--color-white); }
.materialy-faq-item[open] { border-color: var(--color-primary); }
.materialy-faq-item__q { padding: var(--space-3) var(--space-4); font-size: var(--font-size-base); font-weight: var(--fw-semibold); color: var(--color-text-dark); cursor: pointer; list-style: none; user-select: none; }
.materialy-faq-item__q::-webkit-details-marker, .materialy-faq-item__q::marker { display: none; }
.materialy-faq-item__q:hover { background: var(--color-bg-green-tint); }
.materialy-faq-item__a { padding: 0 var(--space-4) var(--space-3); color: var(--color-text); line-height: var(--lh-base); }

/* CTA — тёмный */
.materialy-cta { padding: var(--space-6); background: var(--gradient-accent-deep); border-radius: var(--radius-lg); box-shadow: var(--shadow-md); text-align: center; color: var(--color-white); }
.materialy-cta__text { margin: 0 0 var(--space-3); font-size: var(--font-size-lg); font-weight: var(--fw-semibold); color: var(--color-white); }
.materialy-cta__links { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--space-3); }
.materialy-cta__btn { display: inline-block; padding: var(--space-3) var(--space-5); background: rgba(255,255,255,0.15); border: 1px solid rgba(255,255,255,0.4); border-radius: var(--radius-md); color: var(--color-white) !important; font-weight: var(--fw-semibold); text-decoration: none !important; transition: background 0.2s, transform 0.15s; }
.materialy-cta__btn:hover { background: rgba(255,255,255,0.25); transform: translateY(-1px); text-decoration: none !important; }
.materialy-cta__phone { font-size: var(--font-size-lg); font-weight: var(--fw-semibold); color: var(--color-white) !important; text-decoration: none; }
.materialy-cta__phone:hover { text-decoration: underline; color: var(--color-white) !important; }

/* FAQ — стрелка раскрытия (как на /voprosy-i-otvety-faq/) */
.materialy-faq-item__q {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}
.materialy-faq-item__q::before {
    content: "";
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%2300ad5d%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolyline points=%276 9 12 15 18 9%27%3E%3C/polyline%3E%3C/svg%3E") no-repeat center;
    transition: transform 0.25s ease;
}
.materialy-faq-item[open] .materialy-faq-item__q::before {
    transform: rotate(180deg);
}

/* 2026-05-21: H1 внутри зелёной hero-панели (как на /job/) */
.materialy-hero__title {
    margin: 0 0 var(--space-3) 0;
    font-size: var(--font-size-h1);
    font-weight: var(--fw-semibold);
    color: var(--color-text-dark);
    letter-spacing: 0.02em;
    line-height: 1.2;
}
@media (max-width: 768px) {
    .materialy-hero__title { font-size: var(--font-size-h1-mobile, 24px); }
}

/* End */


/* Start:/local/templates/lot/css/dostavka.css?17791191836707*/
/* ============================================================
   Страница «Доставка» — /dostavka/  (airy unified style)
   ============================================================ */

.page-shell--delivery {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 var(--space-3);
}

/* Hero — светлый info-блок */
.delivery-hero {
    margin-bottom: var(--space-6);
    padding: var(--space-5) var(--space-6);
    background: var(--gradient-info-light);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--color-primary);
}
.delivery-hero__title {
    margin: 0 0 var(--space-3) 0;
    font-size: var(--font-size-h1);
    font-weight: var(--fw-semibold);
    color: var(--color-text-dark);
    letter-spacing: 0.02em;
}
.delivery-hero__text {
    margin: 0;
    font-size: 17px;
    font-weight: var(--fw-regular);
    color: var(--color-text);
    line-height: var(--lh-base);
}

/* Карточки секций */
.delivery-section {
    margin-bottom: var(--space-5);
    padding: var(--space-5) var(--space-6);
    background: linear-gradient(180deg, var(--color-white) 0%, #f7fcf9 100%);
    border: 1px solid rgba(0, 173, 93, 0.2);
    border-left: 3px solid rgba(0, 173, 93, 0.45);
    border-radius: var(--radius-lg);
    box-shadow: 0 4px 16px rgba(11, 36, 29, 0.08);
}
.delivery-section__title {
    margin: 0 0 var(--space-3) 0;
    font-size: var(--font-size-h3);
    font-weight: var(--fw-semibold);
    color: var(--color-text-dark);
}
.delivery-section__lead {
    margin: 0 0 var(--space-3) 0;
    font-size: 16px;
    line-height: var(--lh-base);
    color: var(--color-text);
}
.delivery-section p {
    margin: 0 0 var(--space-2) 0;
    font-size: 15px;
    line-height: var(--lh-base);
    color: var(--color-text);
}
.delivery-section p:last-child { margin-bottom: 0; }

.delivery-materials {
    list-style: none;
    margin: 0 0 var(--space-3) 0;
    padding: 0;
    column-count: 2;
    column-gap: var(--space-5);
}
.delivery-materials li {
    position: relative;
    padding: 4px 0 4px 22px;
    font-size: 15px;
    line-height: 1.5;
    color: var(--color-text);
    break-inside: avoid;
}
.delivery-materials li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--color-primary);
}

.delivery-badge {
    display: inline-flex;
    align-items: center;
    margin-top: var(--space-2) !important;
    padding: 6px 14px;
    border-radius: 999px;
    background: rgba(0, 173, 93, 0.1);
    border: 1px solid rgba(0, 173, 93, 0.3);
    color: var(--color-primary-dark);
    font-size: 14px;
    font-weight: var(--fw-semibold);
}

.delivery-tariffs-table {
    width: 100%;
    margin: var(--space-3) 0;
    border-collapse: collapse;
    background: var(--color-white);
    border-radius: var(--radius-md);
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(11, 36, 29, 0.06);
}
.delivery-tariffs-table th,
.delivery-tariffs-table td {
    padding: 12px 16px;
    text-align: left;
    border-bottom: 1px solid var(--color-border-light);
    font-size: 15px;
}
.delivery-tariffs-table thead th {
    background: rgba(0, 173, 93, 0.08);
    color: var(--color-text-dark);
    font-weight: var(--fw-semibold);
}
.delivery-tariffs-table tbody tr:last-child td { border-bottom: none; }
.delivery-tariffs-table tbody tr:hover td { background: #f7fcf9; }

.delivery-next {
    margin: var(--space-5) 0 !important;
    padding: var(--space-4) var(--space-5);
    background: var(--color-bg-light);
    border-radius: var(--radius-md);
    font-size: 15px !important;
    color: var(--color-text-muted) !important;
}
.delivery-next a {
    color: var(--color-primary-dark);
    font-weight: var(--fw-semibold);
}
.delivery-next a:hover {
    color: var(--color-primary);
}

.delivery-cta-block {
    margin: var(--space-6) auto 0 auto;
    padding: var(--space-5) var(--space-6);
    background: var(--gradient-accent-deep);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    color: var(--color-white);
    text-align: center;
    max-width: 720px;
}
.delivery-cta-block__text {
    margin: 0 0 var(--space-4) 0 !important;
    font-size: 20px !important;
    font-weight: var(--fw-semibold);
    color: var(--color-white) !important;
}
.delivery-cta-block__links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: var(--space-3) var(--space-5);
    margin-bottom: var(--space-3);
}
.delivery-cta-block__btn {
    padding: 12px 28px !important;
    font-size: 16px;
}
.delivery-cta-block__phone {
    color: var(--color-white) !important;
    font-size: 22px;
    font-weight: var(--fw-semibold);
    text-decoration: none;
}
.delivery-cta-block__phone:hover { color: var(--color-accent-light) !important; }
.delivery-cta-block__contacts {
    margin: 0 !important;
    font-size: 14px;
}
.delivery-cta-block__contacts a {
    color: rgba(255, 255, 255, 0.75) !important;
}
.delivery-cta-block__contacts a:hover {
    color: var(--color-white) !important;
}

@media (max-width: 600px) {
    .delivery-hero,
    .delivery-section,
    .delivery-cta-block { padding: var(--space-4); }
    .delivery-materials { column-count: 1; }
    .delivery-tariffs-table th,
    .delivery-tariffs-table td { padding: 10px 12px; font-size: 14px; }
}

/* PDF documents list — точки отгрузки */
.delivery-docs-list {
    list-style: none;
    padding: 0;
    margin: 14px 0 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 12px;
}
.delivery-docs-list li::before { display: none !important; }
.delivery-doc {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    text-decoration: none !important;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.delivery-doc:hover {
    border-color: #00ad5d;
    box-shadow: 0 4px 14px rgba(0, 173, 93, 0.12);
    transform: translateY(-1px);
}
.delivery-doc__icon {
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    border-radius: 6px;
    background: #c00;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 0.04em;
}
.delivery-doc__body {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
    min-width: 0;
}
.delivery-doc__name {
    color: #1f2d38;
    font-weight: 600;
    font-size: 15px;
}
.delivery-doc__meta {
    color: #6b7a85;
    font-size: 12px;
    margin-top: 2px;
}

/* End */


/* Start:/local/templates/lot/css/oplata.css?17788321905461*/
/* ============================================================
   Страница «Оплата» — /oplata/  (airy unified style)
   ============================================================ */

.page-shell--payment {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 var(--space-3);
}

/* Hero */
.payment-hero {
    margin-bottom: var(--space-6);
    padding: var(--space-5) var(--space-6);
    background: var(--gradient-info-light);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--color-primary);
}
.payment-hero__title {
    margin: 0 0 var(--space-3) 0;
    font-size: var(--font-size-h1);
    font-weight: var(--fw-semibold);
    color: var(--color-text-dark);
    letter-spacing: 0.02em;
}
.payment-hero__text {
    margin: 0;
    font-size: 17px;
    color: var(--color-text);
    line-height: var(--lh-base);
}

/* Заголовки H2 в шелле */
.page-shell--payment h2 {
    margin: var(--space-6) 0 var(--space-4) 0;
    font-size: var(--font-size-h2);
    font-weight: var(--fw-semibold);
    color: var(--color-text-dark);
}

/* Карточка-блок */
.payment-card {
    margin-bottom: var(--space-4);
    padding: var(--space-5) var(--space-6);
    background: linear-gradient(180deg, var(--color-white) 0%, #f7fcf9 100%);
    border: 1px solid rgba(0, 173, 93, 0.2);
    border-left: 3px solid rgba(0, 173, 93, 0.45);
    border-radius: var(--radius-lg);
    box-shadow: 0 4px 16px rgba(11, 36, 29, 0.08);
}

/* Пошаговый порядок (ol с зелёными номерами) */
.payment-order {
    counter-reset: payment-step;
    list-style: none;
    margin: 0;
    padding: 0;
}
.payment-order > li {
    counter-increment: payment-step;
    position: relative;
    padding: 10px 0 10px 50px;
    font-size: 15px;
    line-height: var(--lh-base);
    color: var(--color-text);
}
.payment-order > li::before {
    content: counter(payment-step);
    position: absolute;
    left: 0;
    top: 8px;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(0, 173, 93, 0.12);
    color: var(--color-primary-dark);
    font-weight: var(--fw-semibold);
    font-size: 15px;
}
.payment-order a {
    color: var(--color-primary-dark);
    font-weight: var(--fw-semibold);
}
.payment-order strong { color: var(--color-text-dark); }

/* Важное примечание (исключение) */
.payment-notice {
    margin: var(--space-4) 0;
    padding: var(--space-4) var(--space-5);
    background: linear-gradient(180deg, #fff8e6 0%, #fffaf0 100%);
    border-left: 4px solid var(--color-accent);
    border-radius: var(--radius-md);
    font-size: 15px;
    line-height: var(--lh-base);
    color: var(--color-text);
}
.payment-notice strong { color: var(--color-text-dark); }
.payment-notice a {
    color: var(--color-accent-dark);
    font-weight: var(--fw-semibold);
}

/* Способы оплаты — 2 колонки */
.payment-methods {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: var(--space-4);
    margin-top: var(--space-3);
}
.payment-method {
    padding: var(--space-5) var(--space-5);
    background: linear-gradient(180deg, var(--color-white) 0%, #f7fcf9 100%);
    border: 1px solid rgba(0, 173, 93, 0.2);
    border-left: 3px solid rgba(0, 173, 93, 0.45);
    border-radius: var(--radius-lg);
    box-shadow: 0 4px 16px rgba(11, 36, 29, 0.08);
}
.payment-method h3 {
    margin: 0 0 var(--space-3) 0;
    font-size: var(--font-size-h4);
    font-weight: var(--fw-semibold);
    color: var(--color-text-dark);
}
.payment-method p {
    margin: 0 0 var(--space-2) 0;
    font-size: 15px;
    line-height: var(--lh-base);
    color: var(--color-text);
}
.payment-method p:last-child { margin-bottom: 0; }
.payment-method strong { color: var(--color-text-dark); }
.payment-method ul {
    margin: var(--space-2) 0 0 0;
    padding: 0;
    list-style: none;
}
.payment-method ul li {
    position: relative;
    padding: 4px 0 4px 22px;
    font-size: 15px;
    line-height: 1.5;
    color: var(--color-text);
}
.payment-method ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--color-primary);
}
.payment-check-title {
    margin: var(--space-3) 0 var(--space-2) 0 !important;
    font-weight: var(--fw-semibold);
    color: var(--color-text-dark);
    font-size: 14px !important;
}
.payment-checklist {
    margin: 0;
    padding: 0;
    list-style: none;
}
.payment-checklist li {
    position: relative;
    padding: 4px 0 4px 26px;
    font-size: 15px;
    line-height: 1.5;
    color: var(--color-text);
}
.payment-checklist li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 4px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-primary);
    font-weight: var(--fw-semibold);
}

.payment-lead {
    /* старый класс — оставляем как стиль hero-текста на случай отсутствия hero-обёртки */
    margin: 0 0 var(--space-5) 0;
    font-size: 17px;
    color: var(--color-text);
    line-height: var(--lh-base);
}

@media (max-width: 600px) {
    .payment-hero,
    .payment-card,
    .payment-method { padding: var(--space-4); }
}

/* End */


/* Start:/local/templates/lot/css/kak-kupit.css?17788321903483*/
/* ============================================================
   Страница «Как купить» — /kak-kupit/  (airy unified style)
   ============================================================ */

.page-shell--howto {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 var(--space-3);
}

/* Hero */
.howto-hero {
    margin-bottom: var(--space-6);
    padding: var(--space-5) var(--space-6);
    background: var(--gradient-info-light);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--color-primary);
}
.howto-hero__title {
    margin: 0 0 var(--space-3) 0;
    font-size: var(--font-size-h1);
    font-weight: var(--fw-semibold);
    color: var(--color-text-dark);
    letter-spacing: 0.02em;
}
.howto-hero__text {
    margin: 0;
    font-size: 17px;
    color: var(--color-text);
    line-height: var(--lh-base);
}
.howto-hero__text a {
    color: var(--color-primary-dark);
    font-weight: var(--fw-semibold);
}

/* Карточка с шагами */
.howto-steps {
    margin-bottom: var(--space-5);
    padding: var(--space-5) var(--space-6);
    background: linear-gradient(180deg, var(--color-white) 0%, #f7fcf9 100%);
    border: 1px solid rgba(0, 173, 93, 0.2);
    border-left: 3px solid rgba(0, 173, 93, 0.45);
    border-radius: var(--radius-lg);
    box-shadow: 0 4px 16px rgba(11, 36, 29, 0.08);
}
.howto-steps h2 {
    margin: 0 0 var(--space-4) 0;
    font-size: var(--font-size-h3);
    font-weight: var(--fw-semibold);
    color: var(--color-text-dark);
}
.howto-steps-list {
    counter-reset: howto-step;
    list-style: none;
    margin: 0;
    padding: 0;
}
.howto-steps-list > li {
    counter-increment: howto-step;
    position: relative;
    padding: 10px 0 10px 50px;
    font-size: 15px;
    line-height: var(--lh-base);
    color: var(--color-text);
}
.howto-steps-list > li::before {
    content: counter(howto-step);
    position: absolute;
    left: 0;
    top: 8px;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(0, 173, 93, 0.12);
    color: var(--color-primary-dark);
    font-weight: var(--fw-semibold);
    font-size: 15px;
}
.howto-steps-list a {
    color: var(--color-primary-dark);
    font-weight: var(--fw-semibold);
}
.howto-steps-list b { color: var(--color-text-dark); }

/* "Возникли вопросы?" */
.howto-questions {
    padding: var(--space-5) var(--space-6);
    background: linear-gradient(180deg, #fff8e6 0%, #fffaf0 100%);
    border-left: 4px solid var(--color-accent);
    border-radius: var(--radius-lg);
}
.howto-questions h3 {
    margin: 0 0 var(--space-3) 0;
    font-size: var(--font-size-h4);
    font-weight: var(--fw-semibold);
    color: var(--color-text-dark);
}
.howto-questions ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.howto-questions ul li {
    position: relative;
    padding: 6px 0 6px 22px;
    font-size: 15px;
    line-height: var(--lh-base);
    color: var(--color-text);
}
.howto-questions ul li::before {
    content: "—";
    position: absolute;
    left: 0;
    top: 6px;
    color: var(--color-accent-dark);
    font-weight: var(--fw-semibold);
}
.howto-questions a {
    color: var(--color-primary-dark);
    font-weight: var(--fw-semibold);
}
.howto-questions b { color: var(--color-text-dark); }

@media (max-width: 600px) {
    .howto-hero,
    .howto-steps,
    .howto-questions { padding: var(--space-4); }
}

/* End */


/* Start:/local/templates/lot/css/cooperation.css?17800474408887*/
/* ============================================================
   Страница «Сотрудничество» — /cooperation/  (airy unified style)
   ============================================================ */

.page-shell--cooperation {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 var(--space-3);
}

/* ===== Hero ===== */
.cooperation-hero {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-5);
    margin-bottom: var(--space-6);
    padding: var(--space-5) var(--space-6);
    background: var(--gradient-info-light);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--color-primary);
}
.cooperation-hero__content {
    flex: 1 1 320px;
    min-width: 0;
    text-align: center;
}
.cooperation-hero__title {
    margin: 0 0 var(--space-3) 0;
    font-size: var(--font-size-h1);
    font-weight: var(--fw-semibold);
    color: var(--color-text-dark);
    line-height: 1.2;
    letter-spacing: 0.02em;
}
.cooperation-hero__accent {
    color: var(--color-primary-dark);
}
.cooperation-hero__subtitle {
    margin: 0 0 var(--space-4) 0;
    font-size: 17px;
    color: var(--color-text);
    line-height: var(--lh-base);
}
.cooperation-hero__cta {
    display: inline-block;
    padding: 12px 28px !important;
    font-size: 16px;
    font-weight: var(--fw-semibold);
    margin: 0 auto;
}
.cooperation-hero__media {
    flex: 0 1 280px;
}
.cooperation-hero__media img {
    width: 100%;
    height: auto;
    border-radius: var(--radius-md);
    box-shadow: 0 6px 18px rgba(11, 36, 29, 0.12);
}

/* ===== Контент ===== */
.cooperation-content { margin-top: 0; }

/* Двухколоночный блок: карточка предложений + текст */
.cooperation-row {
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    gap: var(--space-5);
    margin-bottom: var(--space-5);
}

/* Карточка-блок: общий стиль для card / section-wide */
.cooperation-card,
.cooperation-section--wide,
.cooperation-section-wrap {
    padding: var(--space-5) var(--space-6);
    background: linear-gradient(180deg, var(--color-white) 0%, #f7fcf9 100%);
    border: 1px solid rgba(0, 173, 93, 0.2);
    border-left: 3px solid rgba(0, 173, 93, 0.45);
    border-radius: var(--radius-lg);
    box-shadow: 0 4px 16px rgba(11, 36, 29, 0.08);
}

.cooperation-card__title,
.cooperation-heading {
    margin: 0 0 var(--space-3) 0;
    font-size: var(--font-size-h3);
    font-weight: var(--fw-semibold);
    color: var(--color-text-dark);
}
.cooperation h2.cooperation-heading--center,
.cooperation-heading--center {
    text-align: center;
    margin: var(--space-5) 0 var(--space-5) 0;
    color: var(--color-primary-dark) !important;
}

.cooperation-section--wide p {
    margin: 0 0 var(--space-3) 0;
    font-size: 15px;
    line-height: var(--lh-base);
    color: var(--color-text);
}
.cooperation-section--wide p:last-child { margin-bottom: 0; }
.cooperation-section--wide a {
    color: var(--color-primary-dark);
    font-weight: var(--fw-semibold);
}

/* Список предложений */
.page-shell--cooperation .cooperation-list {
    list-style: none !important;
    margin: 0 0 var(--space-4) 0;
    padding-left: 0 !important;
}
.page-shell--cooperation .cooperation-list li {
    list-style: none;
    position: relative;
    padding: 6px 0 6px 22px;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 1.5;
    color: var(--color-text);
}
.page-shell--cooperation .cooperation-list li::marker { content: ""; }
.page-shell--cooperation .cooperation-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--color-primary);
    box-shadow: 0 0 0 4px rgba(0, 173, 93, 0.18);
}
.cooperation-list li strong {
    color: var(--color-text-dark);
}
.cooperation-btn {
    margin-top: var(--space-2);
    text-align: center;
}
.cooperation-btn .btn-primary {
    padding: 10px 22px !important;
    font-size: 15px;
}

/* ===== Преимущества ===== */
.cooperation-section-wrap {
    margin-bottom: var(--space-5);
}
.cooperation-benefits {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--space-4);
    margin-top: var(--space-4);
}
.cooperation-benefit {
    padding: var(--space-4);
    background: var(--color-white);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-md);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.cooperation-benefit:hover {
    border-color: rgba(0, 173, 93, 0.35);
    box-shadow: 0 6px 20px rgba(11, 36, 29, 0.10);
    transform: translateY(-2px);
}
.cooperation-benefit__icon {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--space-3);
    background: linear-gradient(135deg, #7eb094 0%, #5a8a72 100%);
    border-radius: 50%;
    box-shadow: 0 3px 10px rgba(2, 123, 67, 0.15);
}
.cooperation-benefit__icon img {
    width: 32px;
    height: 32px;
    filter: brightness(0) invert(1);
}
.cooperation-benefit__title {
    margin: 0 0 var(--space-2) 0;
    font-size: 16px;
    font-weight: var(--fw-semibold);
    color: var(--color-text-dark);
    line-height: 1.35;
}
.cooperation-benefit p {
    margin: 0;
    font-size: 14px;
    line-height: var(--lh-base);
    color: var(--color-text);
}
.cooperation-benefit a {
    color: var(--color-primary-dark);
    font-weight: var(--fw-semibold);
}

/* ===== Финальный CTA — единый паттерн (как на /rekvizity/) ===== */
.cooperation-cta {
    margin: var(--space-6) auto 0 auto;
    padding: var(--space-5) var(--space-6);
    background: var(--gradient-accent-deep);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    text-align: center;
    color: var(--color-white);
    border: none;
    max-width: 720px;
}
.cooperation-cta__title {
    margin: 0 0 var(--space-2) 0 !important;
    font-size: var(--font-size-h3) !important;
    font-weight: var(--fw-semibold);
    color: var(--color-white) !important;
    text-align: center !important;
}
.cooperation-cta__text {
    margin: 0 0 var(--space-3) 0 !important;
    font-size: var(--font-size-base) !important;
    color: var(--color-white) !important;
    opacity: 0.92;
    line-height: var(--lh-base);
}
.cooperation-cta__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: var(--space-3);
}
.cooperation-cta__btn {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-5) !important;
    background: rgba(255, 255, 255, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: var(--color-white) !important;
    font-weight: var(--fw-bold);
    border-radius: var(--radius-md);
    transition: background 0.2s ease, transform 0.2s ease;
}
.cooperation-cta__btn:hover {
    transform: translateY(-1px);
    background: rgba(255, 255, 255, 0.25);
    color: var(--color-white) !important;
    text-decoration: none;
}
.cooperation-cta__phone {
    font-size: var(--font-size-lg);
    font-weight: var(--fw-bold);
    color: var(--color-white) !important;
    text-decoration: none;
    white-space: nowrap;
}
.cooperation-cta__phone:hover {
    color: var(--color-white) !important;
    text-decoration: underline;
}

@media (max-width: 600px) {
    .cooperation-cta { padding: var(--space-4); }
    .cooperation-cta__actions { flex-direction: column; }
}

/* ===== Mobile ===== */
@media (max-width: 768px) {
    .cooperation-hero {
        flex-direction: column;
        padding: var(--space-4);
    }
    .cooperation-hero__title { font-size: 22px; }
    .cooperation-hero__media { order: -1; max-width: 240px; }
    .cooperation-row { grid-template-columns: 1fr; }
    .cooperation-card,
    .cooperation-section--wide,
    .cooperation-section-wrap,
    .cooperation-cta { padding: var(--space-4); }
    .cooperation-benefits { grid-template-columns: 1fr 1fr; }
    .cooperation-cta__title { font-size: 22px; }
}
@media (max-width: 480px) {
    .cooperation-benefits { grid-template-columns: 1fr; }
}

/* Телефоны: hero без искусственного провала.
   flex-basis (320/280px) задуман для ширины, когда блоки в ряд (десктоп).
   В колонке он превращается в высоту → картинка резервирует ~280px и под ней
   зияет пустота. Сбрасываем — пусть высота будет по содержимому. */
@media (max-width: 600px) {
    .cooperation-hero { gap: var(--space-3); }
    .cooperation-hero__content,
    .cooperation-hero__media { flex: 0 0 auto; }
}

/* End */


/* Start:/local/templates/lot/css/product_grades.css?177885212613958*/
/* ============================================================
   Сорта товара — табы с медиа на карточке товара
   ============================================================ */

.product-grades {
    margin: var(--space-6) 0;
    padding: var(--space-5) var(--space-6);
    background: linear-gradient(180deg, var(--color-white) 0%, #f7fcf9 100%);
    border: 1px solid rgba(0, 173, 93, 0.2);
    border-left: 3px solid rgba(0, 173, 93, 0.45);
    border-radius: var(--radius-lg);
    box-shadow: 0 4px 16px rgba(11, 36, 29, 0.08);
}
.product-grades__title {
    margin: 0 0 var(--space-4) 0;
    font-size: var(--font-size-h3);
    font-weight: var(--fw-semibold);
    color: var(--color-text-dark);
}
.product-grades__tabs {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    margin-bottom: var(--space-4);
    border-bottom: 1px solid var(--color-border-light);
    padding-bottom: var(--space-3);
}
.product-grades__tab {
    padding: 8px 18px;
    background: var(--color-bg-light);
    border: 1px solid var(--color-border-light);
    border-radius: 999px;
    color: var(--color-text);
    font-size: 15px;
    font-weight: var(--fw-semibold);
    cursor: pointer;
    transition: all 0.18s ease;
}
.product-grades__tab:hover {
    border-color: rgba(0, 173, 93, 0.4);
    color: var(--color-primary-dark);
}
.product-grades__tab.is-active {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-white);
}

.product-grades__panel {
    display: none;
    animation: lot-grade-fade 0.25s ease;
}
.product-grades__panel.is-active { display: block; }
@keyframes lot-grade-fade {
    from { opacity: 0; transform: translateY(4px); }
    to   { opacity: 1; transform: translateY(0); }
}

.product-grades__specs {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2) var(--space-4);
    margin-bottom: var(--space-3);
    padding: var(--space-2) var(--space-3);
    background: var(--color-bg-light);
    border-radius: var(--radius-sm);
    border-left: 3px solid var(--color-primary);
    font-size: 14px;
    color: var(--color-text);
}
.product-grades__spec-label {
    color: var(--color-text-muted);
    margin-right: 4px;
}

.product-grades__media-wrap {
    margin-bottom: var(--space-4);
}
.product-grades__media {
    width: 100%;
    margin-bottom: var(--space-3);
    border-radius: var(--radius-md);
    overflow: hidden;
    background: #f4f4f4;
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 600px;
}
.product-grades__media .product-grades__video,
.product-grades__media .product-grades__photo {
    width: auto;
    max-width: 100%;
    max-height: 600px;
    height: auto;
    object-fit: contain;
    display: block;
}

.product-grades__thumbs {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
}
.product-grades__thumb {
    position: relative;
    width: 78px;
    height: 78px;
    padding: 0;
    border-radius: var(--radius-sm);
    overflow: hidden;
    border: 2px solid var(--color-border-light);
    background: var(--color-bg-light);
    cursor: pointer;
    transition: border-color 0.18s ease;
}
.product-grades__thumb:hover { border-color: rgba(0, 173, 93, 0.4); }
.product-grades__thumb.is-active { border-color: var(--color-primary); }
.product-grades__thumb img {
    width: 100%; height: 100%;
    object-fit: cover;
    display: block;
}

/* Видео-миниатюра — со значком ▶ */
.product-grades__thumb--video {
    background: linear-gradient(135deg, #1f2d38 0%, #304351 100%);
    color: var(--color-white);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
}
.product-grades__thumb-play {
    font-size: 22px;
    line-height: 1;
    color: var(--color-white);
}
.product-grades__thumb-label {
    font-size: 11px;
    font-weight: var(--fw-semibold);
    letter-spacing: 0.02em;
    color: var(--color-white);
    text-transform: uppercase;
}

.product-grades__lead {
    font-size: 16px;
    line-height: var(--lh-base);
    color: var(--color-text);
    margin-bottom: var(--space-3);
}
.product-grades__features {
    list-style: none;
    margin: 0 0 var(--space-4) 0;
    padding: 0;
}
.product-grades__features li {
    position: relative;
    padding: 6px 0 6px 22px;
    font-size: 15px;
    color: var(--color-text);
}
.product-grades__features li::before {
    content: "";
    position: absolute;
    left: 0; top: 14px;
    width: 8px; height: 8px;
    border-radius: 50%;
    background: var(--color-primary);
}
.product-grades__detail {
    font-size: 15px;
    line-height: var(--lh-base);
    color: var(--color-text);
    margin-bottom: var(--space-4);
}
.product-grades__detail p { margin: 0 0 var(--space-2) 0; }

.product-grades__cta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-3) var(--space-5);
    padding-top: var(--space-3);
    border-top: 1px solid var(--color-border-light);
}
.product-grades__price {
    font-size: 18px;
    font-weight: var(--fw-semibold);
    color: var(--color-text-dark);
}
.product-grades__order {
    padding: 10px 24px !important;
    font-size: 15px;
}

@media (max-width: 600px) {
    .product-grades { padding: var(--space-4); }
    .product-grades__media { aspect-ratio: 3 / 4; }
    .product-grades__thumb { width: 64px; height: 64px; }
}

/* ============================================================
   Модалка заказа сорта — собственная, без зависимостей
   ============================================================ */
.grade-modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 10010;
    align-items: flex-start;
    justify-content: center;
    overflow-y: auto;
}
.grade-modal.is-open { display: flex; }
.grade-modal__backdrop {
    position: fixed;
    inset: 0;
    background: rgba(15, 35, 28, 0.55);
    backdrop-filter: blur(2px);
}
.grade-modal__dialog {
    position: relative;
    width: 100%;
    max-width: 440px;
    margin: 4vh auto;
    background: var(--color-white);
    border-radius: var(--radius-lg);
    box-shadow: 0 20px 60px rgba(11, 36, 29, 0.35);
    padding: var(--space-4) var(--space-5);
    z-index: 1;
}
.grade-modal__close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 32px;
    height: 32px;
    padding: 0;
    background: transparent;
    border: none;
    color: var(--color-text-muted);
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    border-radius: 50%;
    transition: all 0.18s ease;
}
.grade-modal__close:hover {
    background: var(--color-bg-light);
    color: var(--color-text-dark);
}
.grade-modal__title {
    margin: 0 36px var(--space-3) 0;
    font-size: 18px;
    font-weight: var(--fw-semibold);
    color: var(--color-text-dark);
    line-height: 1.3;
}

/* Контекстная плашка внутри модалки */
.grade-modal__context {
    margin-bottom: var(--space-3);
    padding: 10px 12px;
    background: linear-gradient(180deg, #f7fcf9 0%, var(--color-white) 100%);
    border: 1px solid rgba(0, 173, 93, 0.2);
    border-left: 3px solid var(--color-primary);
    border-radius: var(--radius-md);
    font-size: 14px;
    line-height: 1.5;
}
.grade-modal__ctx-title {
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: var(--fw-semibold);
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.grade-modal__ctx-row {
    margin-bottom: 3px;
    font-size: 13px;
    color: var(--color-text-dark);
    font-weight: var(--fw-semibold);
}
.grade-modal__ctx-row span {
    display: inline-block;
    min-width: 80px;
    color: var(--color-text-muted);
    font-weight: var(--fw-regular);
    margin-right: 4px;
}

/* Чипы длин */
.grade-modal__lengths { margin-top: 10px; }
.grade-modal__lengths-label {
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: var(--fw-semibold);
    color: var(--color-text-dark);
}
.grade-modal__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.grade-modal__chip {
    padding: 5px 13px;
    background: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: 999px;
    font-size: 13px;
    font-weight: var(--fw-semibold);
    color: var(--color-text-dark);
    cursor: pointer;
    transition: all 0.18s ease;
}
.grade-modal__chip:hover {
    border-color: rgba(0, 173, 93, 0.5);
    color: var(--color-primary-dark);
}
.grade-modal__chip.is-selected {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-white);
}

/* Количество */
.grade-modal__qty { margin-top: 10px; }
.grade-modal__qty-label {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: var(--fw-semibold);
    color: var(--color-text-dark);
}
.grade-modal__qty-input {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: var(--color-white);
    font-size: 15px;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}
.grade-modal__qty-input:focus {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(0, 173, 93, 0.15);
}

/* Форма */
.grade-form__row {
    margin-bottom: 10px;
}
.grade-form__label {
    display: block;
    margin-bottom: 4px;
    font-size: 13px;
    font-weight: var(--fw-semibold);
    color: var(--color-text-dark);
}
.grade-form__req { color: #d04444; }
.grade-form__input {
    width: 100%;
    padding: 9px 12px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: var(--color-white);
    font-size: 15px;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}
.grade-form__input:focus {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(0, 173, 93, 0.15);
}
.grade-form__check {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 10px 0;
    font-size: 13px;
    line-height: 1.4;
    color: var(--color-text);
    cursor: pointer;
}
.grade-form__check input[type=checkbox] {
    margin-top: 2px;
    flex-shrink: 0;
}
.grade-form__check a { color: var(--color-primary-dark); }
.grade-form__submit {
    display: block;
    width: 100%;
    margin-top: 10px;
    padding: 12px 22px !important;
    font-size: 15px;
    font-weight: var(--fw-bold);
}
.grade-form__submit:disabled { opacity: 0.6; cursor: not-allowed; }
.grade-form__submit.is-locked {
    background: #bdc7c2 !important;
    border-color: #bdc7c2 !important;
    color: rgba(255, 255, 255, 0.85) !important;
    cursor: not-allowed;
    box-shadow: none;
    transition: background 0.2s ease, color 0.2s ease;
}
.grade-form__submit.is-locked:hover { background: #bdc7c2 !important; transform: none; }
.grade-form__hint {
    margin: 10px 0 0 0;
    padding: 9px 12px;
    background: var(--color-bg-green-tint);
    border: 1px solid rgba(0, 173, 93, 0.18);
    border-radius: var(--radius-sm);
    font-size: 12px;
    color: var(--color-text-muted);
    line-height: 1.55;
    text-align: center;
}
.grade-form__hint strong {
    color: var(--color-text-dark);
    font-weight: var(--fw-semibold);
}
.grade-form__hint .grade-form__hint-line2 {
    display: block;
    margin-top: 6px;
    padding-top: 6px;
    border-top: 1px solid rgba(0, 173, 93, 0.12);
    font-size: 11px;
    letter-spacing: 0.02em;
}
.grade-form__status {
    margin-top: var(--space-2);
    font-size: 14px;
    text-align: center;
}
.grade-form__status.is-ok {
    color: var(--color-primary-dark);
    font-weight: var(--fw-semibold);
}
.grade-form__status.is-err {
    color: #c53737;
}
.grade-form__hp {
    position: absolute !important;
    left: -9999px;
    width: 1px;
    height: 1px;
    opacity: 0;
}

body.grade-modal-open { overflow: hidden; }

@media (max-width: 600px) {
    .grade-modal__dialog { margin: 0; padding: var(--space-4); border-radius: 0; min-height: 100vh; max-width: 100%; }
}

.grade-modal__disclaimer {
    margin-top: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background: #fff8e6;
    border-left: 3px solid var(--color-accent);
    border-radius: var(--radius-sm);
    font-size: 13px;
    line-height: 1.55;
    color: var(--color-text);
}
.grade-modal__disclaimer strong {
    color: var(--color-text-dark);
}
.grade-modal__disclaimer ul {
    margin: 6px 0 0 0;
    padding-left: 18px;
}
.grade-modal__disclaimer ul li {
    margin-bottom: 2px;
}

/* Success block — занимает всю модалку после отправки */
.grade-modal__success {
    padding: 24px 8px 12px;
    text-align: center;
}
.grade-modal__success-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto var(--space-3);
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-primary);
    color: var(--color-white);
    font-size: 36px;
    line-height: 1;
    border-radius: 50%;
    box-shadow: 0 8px 24px rgba(0, 173, 93, 0.3);
}
.grade-modal__success-title {
    margin: 0 0 var(--space-3) 0;
    font-size: 22px;
    font-weight: var(--fw-bold);
    color: var(--color-text-dark);
}
.grade-modal__success-text {
    margin: 0 0 var(--space-3) 0;
    font-size: 15px;
    line-height: var(--lh-base);
    color: var(--color-text);
}
.grade-modal__success-text strong { color: var(--color-text-dark); }
.grade-modal__success-hint {
    margin: 0 0 var(--space-4) 0;
    padding: var(--space-3);
    background: var(--color-bg-green-tint);
    border-radius: var(--radius-sm);
    font-size: 13px;
    color: var(--color-text-muted);
    line-height: 1.5;
}
.grade-modal__success-btn {
    display: inline-block;
    min-width: 160px;
    padding: 12px 32px !important;
    font-size: 15px;
    font-weight: var(--fw-semibold);
}

/* End */


/* Start:/local/templates/lot/css/style.css?1778698116286*/
/* style.css — пустой, всё перенесено в site.css
 * Файл сохранён для обратной совместимости с конвенцией Bitrix.
 * Может быть удалён в будущем после удаления из header.php.
 */

/* End */


/* Start:/local/templates/lot/components/bitrix/menu/main_menu_sandbox/style.min.css?17798818883715*/
#horizontal-multilevel-menu,#horizontal-multilevel-menu ul{margin:0;padding:0;background:#bc262c url(/local/templates/lot/components/bitrix/menu/main_menu_sandbox/images/header_menu_bg.gif) repeat-x;min-height:27px;width:100%;list-style:none;font-size:11px;float:left}#horizontal-multilevel-menu a{display:block;padding:5px 10px;text-decoration:none;text-align:center}#horizontal-multilevel-menu li{float:left}#horizontal-multilevel-menu li a.root-item{color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li a.root-item-selected{background:#fc8d3d;color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li:hover a.root-item,#horizontal-multilevel-menu li.jshover a.root-item{background:#e26336;color:#fff}#horizontal-multilevel-menu a.parent{background:url(/local/templates/lot/components/bitrix/menu/main_menu_sandbox/images/arrow.gif) center right no-repeat}#horizontal-multilevel-menu a.denied{background:url(/local/templates/lot/components/bitrix/menu/main_menu_sandbox/images/lock.gif) center right no-repeat}#horizontal-multilevel-menu li:hover,#horizontal-multilevel-menu li.jshover{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li.item-selected{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;width:135px;background:#f5f5f5;border:1px solid #c1c1c1}#horizontal-multilevel-menu li li{width:100%;border-bottom:1px solid #dedede}#horizontal-multilevel-menu li ul a{text-align:left}#horizontal-multilevel-menu li a,#horizontal-multilevel-menu li:hover li a,#horizontal-multilevel-menu li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a{color:#4f4f4f;font-weight:bold}#horizontal-multilevel-menu li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a{color:#4f4f4f}#horizontal-multilevel-menu li ul ul{margin:-27px 0 0 132px}#horizontal-multilevel-menu li:hover ul ul,#horizontal-multilevel-menu li.jshover ul ul,#horizontal-multilevel-menu li:hover ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul ul{display:none}#horizontal-multilevel-menu li:hover ul,#horizontal-multilevel-menu li.jshover ul,#horizontal-multilevel-menu li li:hover ul,#horizontal-multilevel-menu li li.jshover ul,#horizontal-multilevel-menu li li li:hover ul,#horizontal-multilevel-menu li li li.jshover ul,#horizontal-multilevel-menu li li li li:hover ul,#horizontal-multilevel-menu li li li li.jshover ul,#horizontal-multilevel-menu li li li li li:hover ul,#horizontal-multilevel-menu li li li li li.jshover ul{display:block}div.menu-clear-left{clear:left}
/* End */


/* Start:/local/templates/lot/components/bitrix/breadcrumb/universal1/style.min.css?1677921111620*/
.bx-breadcrumb{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bx-breadcrumb-item{height:22px;white-space:nowrap}.bx-breadcrumb-item-angle{margin:0 10px;color:#b5bdc2;vertical-align:top;font-size:12px}.bx-breadcrumb-item-link{border-bottom:0;vertical-align:top;line-height:21px}.bx-breadcrumb-item-text{vertical-align:top;white-space:normal;font:400 13px/21px "Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;transition:250ms linear all}
/* End */


/* Start:/local/components/slam/easyform/templates/.default/style.min.css?1778448739805*/
.slam-easyform .modal{text-align:center}@media screen and (min-width:768px){.slam-easyform .modal:before{display:inline-block;vertical-align:middle;content:" ";height:100%}}.slam-easyform .modal-dialog{display:inline-block;text-align:left;vertical-align:middle}.slam-easyform .modal .modal-header .title{margin:0;font-size:22px;display:inline-block}.hide-formvalidation small.help-block{display:none!important}@keyframes spinner{to{transform:rotate(360deg)}}.slam-easyform .spinner,.slam-easyform .spinner:hover{position:relative;color:transparent}.slam-easyform .spinner:before{content:'';box-sizing:border-box;position:absolute;top:50%;left:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;border-radius:50%;border:2px solid #ccc;border-top-color:#333;animation:spinner .6s linear infinite}
/* End */


/* Start:/local/components/slam/easyform/lib/css/bootstrapValidator.min.css?1778448739565*/
/*!
 * BootstrapValidator (http://bootstrapvalidator.com)
 * The best jQuery plugin to validate form fields. Designed to use with Bootstrap 3
 *
 * @version     v0.5.2, built on 2014-09-25 4:01:07 PM
 * @author      https://twitter.com/nghuuphuoc
 * @copyright   (c) 2013 - 2014 Nguyen Huu Phuoc
 * @license     MIT
 */

.bv-form .help-block{margin-bottom:0}.bv-form .tooltip-inner{text-align:left}.nav-tabs li.bv-tab-success>a{color:#3c763d}.nav-tabs li.bv-tab-error>a{color:#a94442}.bv-form .bv-icon-no-label{top:0}.bv-form .bv-icon-input-group{top:0;z-index:100}
/* End */


/* Start:/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/style.css?176251928227140*/
/* catalog.top */
.bx_catalog_tile_home_type_2{
	position: relative;
	margin-bottom: 20px;

}

.bx_catalog_item_container {
	-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
}



@media (max-width:640px) {
	.bx_catalog_tile_home_type_2 .bx_catalog_tile_section{
		padding-top: 60%
	}

	.workarea .bx_catalog_tile_home_type_2 .bx_catalog_tile_section {
		padding-top: 0!important;
	}

	.bx_catalog_tile_home_type_2 .bx_catalog_item_title a {
		font-size: 16px!important;
	}
}
@media (max-width:479px) {.bx-touch .bx_catalog_tile_home_type_2 .bx_catalog_tile_section{padding-top:206%}
.workarea .bx-touch .bx_catalog_tile_home_type_2 .bx_catalog_tile_section {
	padding-top: 0!important;
}
}

.bx_catalog_tile_home_type_2 .bx_catalog_tile_slide{position: relative;top: 0;right: 0;left: 0; z-index: 800;}
.bx_catalog_tile_home_type_2 .bx_catalog_tile_slide.active   {opacity: 0;-webkit-animation: nextslide 0.9s;animation: nextslide 0.9s;}
.bx_catalog_tile_home_type_2 .bx_catalog_tile_slide.notactive{opacity: 1;-webkit-animation: prevslide 0.9s;animation: prevslide 0.9s;}
@-webkit-keyframes prevslide {from {opacity:1} to {opacity:0}}
@keyframes prevslide {from {opacity:1} to {opacity:0}}
@-webkit-keyframes nextslide {from {opacity:0} to {opacity:1}}
@keyframes nextslide {from {opacity:0} to {opacity:1}}
.bx_catalog_tile_home_type_2 .bx_catalog_tile_slide.notactive,
.bx_catalog_tile_home_type_2 .bx_catalog_tile_slide 		{display: none;opacity: 0;}
.bx_catalog_tile_home_type_2 .bx_catalog_tile_slide.active  {display: block;opacity: 1;}




.bx_catalog_tile_home_type_2 .bx_catalog_item{
	position: relative;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 10px;
	padding: 0 10px;
	width: 25%;
	background: #fff;
	-webkit-transition:none;
	-moz-transition:none;
	-ms-transition:none;
	-o-transition:none;
	transition:none;
}

.bx_catalog_tile_home_type_2 .bx_catalog_item:nth-child(4n+1){clear: both;}
@media (max-width:640px) {
	.bx_catalog_tile_home_type_2 .bx_catalog_item:nth-child(4n+1){clear: none;}
	.bx_catalog_tile_home_type_2 .bx_catalog_item:nth-child(3n+1){clear: both;}
}
@media (max-width:479px) {
	.bx-touch .bx_catalog_tile_home_type_2 .bx_catalog_item:nth-child(4n+1){clear: none;}
	.bx-touch .bx_catalog_tile_home_type_2 .bx_catalog_item:nth-child(3n+1){clear: none;}
	.bx-touch .bx_catalog_tile_home_type_2 .bx_catalog_item:nth-child(2n+1){clear: both;}
}




@media (min-width:960px){
	.bx_catalog_tile_home_type_2.col1 .bx_catalog_item{padding:1px 26px;width: 100%}

	.bx_catalog_tile_home_type_2.col2 .bx_catalog_item{padding:1px 26px;width: 50%}
	.bx_catalog_tile_home_type_2.col2 .bx_catalog_item:nth-child(2n+1){clear:both}

	.bx_catalog_tile_home_type_2.col3 .bx_catalog_item{padding:0 10px;width: 33.333333%}
	.bx_catalog_tile_home_type_2.col3 .bx_catalog_item:nth-child(3n+1){clear:both}


	.bx_catalog_tile_home_type_2.col4 .bx_catalog_item{padding:0 10px;width: 25%}
	.bx_catalog_tile_home_type_2.col4 .bx_catalog_item:nth-child(4n+1){clear:both}

}

@media (min-width:760px) and (max-width:960px){
	.bx_catalog_tile_home_type_2.col1 .bx_catalog_item{padding:1px 16px;width: 100%}

	.bx_catalog_tile_home_type_2.col2 .bx_catalog_item{padding:1px 16px;width: 50%}
	.bx_catalog_tile_home_type_2.col2 .bx_catalog_item:nth-child(2n+1){clear:both}

	.bx_catalog_tile_home_type_2.col3 .bx_catalog_item{padding:1px 16px;width: 33.333333%}
	.bx_catalog_tile_home_type_2.col3 .bx_catalog_item:nth-child(3n+1){clear:both}


	.bx_catalog_tile_home_type_2.col4 .bx_catalog_item,
	.bx_catalog_tile_home_type_2.col5 .bx_catalog_item{padding:1px 16px;width: 25%}
	.bx_catalog_tile_home_type_2.col4 .bx_catalog_item:nth-child(4n+1){clear:both}
}
@media (max-width:760px){
	.bx_catalog_tile_home_type_2.col1 .bx_catalog_item{padding:1px 16px;width: 100%}

	.bx_catalog_tile_home_type_2.col2 .bx_catalog_item{padding:1px 16px;width: 50%}
	.bx_catalog_tile_home_type_2.col2 .bx_catalog_item:nth-child(2n+1){clear:both}

	.bx_catalog_tile_home_type_2.col3 .bx_catalog_item{padding:1px 16px;width: 33.333333%}
	.bx_catalog_tile_home_type_2.col3 .bx_catalog_item:nth-child(3n+1){clear:both}


	.bx_catalog_tile_home_type_2.col3 .bx_catalog_item,
	.bx_catalog_tile_home_type_2.col4 .bx_catalog_item,
	.bx_catalog_tile_home_type_2.col5 .bx_catalog_item{padding:1px 16px;width: 33.333333%}
	.bx_catalog_tile_home_type_2.col3 .bx_catalog_item:nth-child(3n+1),
	.bx_catalog_tile_home_type_2.col4 .bx_catalog_item:nth-child(3n+1){clear:both}
}
@media (max-width:580px){
	.bx-touch .bx_catalog_tile_home_type_2.col1 .bx_catalog_item{padding:1px 26px;width: 100%}

	.bx-touch .bx_catalog_tile_home_type_2.col2 .bx_catalog_item{padding:1px 16px;width: 100%}
	.bx-touch .bx_catalog_tile_home_type_2.col2 .bx_catalog_item:nth-child(3n+1){clear:none}
	.bx-touch .bx_catalog_tile_home_type_2.col2 .bx_catalog_item:nth-child(2n+1){clear:both}

	.bx-touch .bx_catalog_tile_home_type_2.col2 .bx_catalog_item,
	.bx-touch .bx_catalog_tile_home_type_2.col3 .bx_catalog_item,
	.bx-touch .bx_catalog_tile_home_type_2.col4 .bx_catalog_item,
	.bx-touch .bx_catalog_tile_home_type_2.col5 .bx_catalog_item{padding:1px 16px;width: 100%;clear:none}

	.bx-touch .bx_catalog_tile_home_type_2.col2 .bx_catalog_item:nth-child(2n+1),
	.bx-touch .bx_catalog_tile_home_type_2.col3 .bx_catalog_item:nth-child(2n+1),
	.bx-touch .bx_catalog_tile_home_type_2.col4 .bx_catalog_item:nth-child(2n+1){clear:both}

}



@keyframes borderview {from {border: 1px solid #fdfdfd;box-shadow: 0 0 0 0 rgba(0,0,0,0);} to {border: 1px solid #d3d3d3;box-shadow: 0 2px 5px 0 rgba(0,0,0,.18);}}
@-webkit-keyframes borderview {from {border: 1px solid #fdfdfd;box-shadow: 0 0 0 0 rgba(0,0,0,0);} to {border: 1px solid #d3d3d3;box-shadow: 0 2px 5px 0 rgba(0,0,0,.18);}}

.bx_catalog_tile_home_type_2 .bx_catalog_item_articul{
	color: #a5a5a5;
	font-size: 13px;
}
.bx_catalog_tile_home_type_2 .bx_catalog_item_title{
	min-height: 60px;
	padding: 0 15px;
}
.bx-no-touch .bx_catalog_tile_home_type_2 .bx_catalog_item:hover .bx_catalog_item_title{
	overflow:auto;
	height:auto !important;
}
.bx_catalog_tile_home_type_2 .bx_catalog_item_title a{
	color: #304351;
	font-size: 19px !important;
	text-decoration: none;
	line-height: 1;

}
.bx_catalog_tile_home_type_2 .bx_catalog_item_price{
	color: #3f3f3f;
	font-weight: bold;
}
.bx_catalog_tile_home_type_2 .bx_catalog_item_price span{
	color: #a5a5a5;
	font-size: 12px;
	font-weight: normal;
	white-space: nowrap;
	text-decoration: line-through;
}
.bx_catalog_tile_home_type_2 .bx_catalog_item_controls{
	padding-top: 0;
	text-align: center;
	opacity: 0;
}
@media (min-width:641px) and (max-width:960px){.bx_catalog_tile_home_type_2 .bx_catalog_item_controls{height: auto}}
@media (max-width:640px){.bx-touch .bx_catalog_tile_home_type_2 .bx_catalog_item_controls{height:auto;line-height:30px;text-align:center}}
@media (max-width:479px){.bx-touch .bx_catalog_tile_home_type_2 .bx_catalog_item_controls{height:auto;line-height:30px;display: block}}
@media (max-width:479px){.bx-touch .bx_catalog_tile_home_type_2 .bx_catalog_item:hover .bx_catalog_item_controls {height: auto}}

.bx_catalog_tile_home_type_2 .bx_catalog_item_controls .bx_catalog_item_controls_blockone{
	width: 100%;
	white-space: nowrap;
	text-align: center;
}
.bx_catalog_tile_home_type_2 .bx_catalog_item_controls .bx_catalog_item_controls_blockone span{
	color: #3f3f3f;
	font-size: 13px;
}
.bx_catalog_tile_home_type_2 .bx_catalog_item_controls .bx_catalog_item_controls_blockone .bx_notavailable{
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
	border: 1px solid #E4E4E4;
	background: #F3F3F3;
	white-space: normal;
	line-height: normal;
	padding: 5px 15px;
	margin-bottom: 10px;
}
.bx_catalog_tile_home_type_2 .bx_catalog_item_controls .bx_catalog_item_controls_blocktwo{
	width:100%;
	text-align:center;
}
.bx_catalog_tile_home_type_2 .bx_catalog_item_controls .bx_catalog_item_controls_blocktwo a{
	margin:1%;
	width: 48%;
	min-width:100px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 25px;
	height: 25px;
}
.bx_catalog_tile_home_type_2 .bx_catalog_item_controls .bx_catalog_item_controls_blocktwo a{margin:5px 3px}

@media (max-width:640px) {
	.bx-touch .bx_catalog_tile_home_type_2 .bx_catalog_item_controls .bx_catalog_item_controls_blocktwo{float: none;width: 100%;text-align: center;}
}
.bx_catalog_tile_home_type_2 .bx_catalog_item_controls input[type=text]{border: none;}
.bx-touch .bx_catalog_tile_home_type_2 .bx_catalog_item_controls,
.bx_catalog_tile_home_type_2 .bx_catalog_item:hover .bx_catalog_item_controls{
	opacity: 1;
}
.bx_catalog_tile_home_type_2 .bx_cnt_desc{
	text-align: left;
	position: absolute;
	right:-45px;
	top: 2px;
	width: 40px;
}
.bx_catalog_tile_home_type_2 .bx_catalog_item_controls a{margin-bottom: 10px;}
.bx_catalog_tile_home_type_2 .bx_catalog_item_price .bx_price{font-size: 15px;}
.bx_catalog_tile_home_type_2 .bx_catalog_item_images_double,
.bx_catalog_tile_home_type_2 .bx_catalog_item_images{
	position: relative;
	z-index: 910;
	display: block;
	padding-top: 64%;
	width: 100%;
	margin-bottom: 10px;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size:cover;
	background-size:cover;
}
.bx_catalog_tile_home_type_2 .bx_catalog_item_images_double{
	z-index: 900;
	margin-top: -135%;
	opacity: 0;
}
/*.bx-no-touch .bx_catalog_tile_home_type_2 .bx_catalog_item.double:hover .bx_catalog_item_images{*/
	/*opacity: 0;*/
	/*-webkit-animation: rotateimgfirst 0.5s;*/
	/*animation: rotateimgfirst 0.5s;*/
/*}*/

.bx-no-touch .bx_catalog_tile_home_type_2 .bx_catalog_item.double:hover .bx_catalog_item_images_double{
	opacity: 1;
	-webkit-animation: rotateimglast 0.5s;
	animation: rotateimglast 0.5s;
}
@keyframes rotateimgfirst {from {opacity: 1;} to {opacity: 0;}}
@-webkit-keyframes rotateimgfirst {from {opacity: 1;} to {opacity: 0;}}
@keyframes rotateimglast  {from {opacity: 0;} to {opacity: 1;}}
@-webkit-keyframes rotateimglast  {from {opacity: 0;} to {opacity: 1;}}

.bx-no-touch .bx_catalog_tile_home_type_2 .bx_catalog_item 	  .bx_catalog_item_controls,
.bx_catalog_tile_home_type_2 .bx_catalog_item 	  .bx_catalog_item_articul,

.bx-no-touch .bx_catalog_tile_home_type_2 .bx_catalog_item:hover .bx_catalog_item_controls,
.bx-no-touch .bx_catalog_tile_home_type_2 .bx_catalog_item:hover .bx_catalog_item_articul,
.bx-no-touch .bx_catalog_tile_home_type_2 .bx_catalog_item:hover .bx_catalog_item_scu{display:block}
.bx_catalog_tile_home_type_2 .bx_catalog_item 	  .bx_catalog_item_scu{padding-top:10px}
.bx_catalog_tile_home_type_2 .bx_catalog_item:hover .bx_catalog_item_scu>div{margin:0 auto}

.bx-no-touch .bx_catalog_tile_home_type_2 .bx_catalog_item .bx_catalog_item_controls.touch,
.bx-touch    .bx_catalog_tile_home_type_2 .bx_catalog_item .bx_catalog_item_controls.no_touch{display: none !important;}

/* Stickers */
.bx_catalog_tile_home_type_2 .bx_stick{
	position: absolute;
	width: 123px;
	height: 35px;
	background: url(/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/images/stick.png) left center no-repeat;
	color: #fff;
	text-align: center;
	text-shadow:0 1px 0 #ba3434;
	line-height: 35px;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.bx_catalog_tile_home_type_2 .bx_stick.short {font-weight:  bold;font-size:18px}
.bx_catalog_tile_home_type_2 .bx_stick.average {font-weight:  bold;font-size:13px}
.bx_catalog_tile_home_type_2 .bx_stick.long{font-weight:normal;font-size:11px}
.bx_catalog_tile_home_type_2 .bx_stick_disc{
	position: absolute;
	width: 72px;
	height: 74px;
	background: url(/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/images/stick_disc.png) no-repeat center;
	color: #fff;
	text-align: center;
	text-shadow:0 1px 0 #ba3434;
	font-weight: bold;
	font-size: 23px;
	line-height: 74px;
}
.bx_catalog_tile_home_type_2 .bx_stick.left,
.bx_catalog_tile_home_type_2 .bx_stick_disc.left{left:-2px;}
.bx_catalog_tile_home_type_2 .bx_stick.right,
.bx_catalog_tile_home_type_2 .bx_stick_disc.right{right: 0;}
.bx_catalog_tile_home_type_2 .bx_stick.top,
.bx_catalog_tile_home_type_2 .bx_stick_disc.top{top: 15px;}
.bx_catalog_tile_home_type_2 .bx_stick.bottom,
.bx_catalog_tile_home_type_2 .bx_stick_disc.bottom{bottom: 5px;}
.bx_catalog_tile_home_type_2 .bx_stick.middle,
.bx_catalog_tile_home_type_2 .bx_stick_disc.middle{top: 49%;}
@media (min-width:641px) and (max-width:960px){
	.bx_catalog_tile_home_type_2 .bx_stick{
		width: 90px;
		height: 30px;
		background-size: 100%;
		line-height: 30px;
	}
	.bx_catalog_tile_home_type_2 .bx_stick.short {font-weight:normal;font-size:14px}
	.bx_catalog_tile_home_type_2 .bx_stick.average {font-weight:normal;font-size:11px}
	.bx_catalog_tile_home_type_2 .bx_stick.long{font-weight:normal;font-size:11px}
	.bx_catalog_tile_home_type_2 .bx_stick_disc{
		width: 64px;
		height: 65px;
		background-size: 100%;
		font-size: 	20px;
		line-height: 65px;
	}
}
@media (max-width:640px) {
	.bx-touch .bx_catalog_tile_home_type_2 .bx_stick{
		width: 70px;
		height: 30px;
		background-size: 100%;
		font-size: 	11px;
		line-height: 30px;
	}
	.bx-touch .bx_catalog_tile_home_type_2 .bx_stick_disc{
		width: 48px;
		height: 49px;
		background-size: 100%;
		font-size: 	16px;
		line-height: 49px;
	}
}
@media (max-width:479px) {
	.bx-touch .bx_catalog_tile_home_type_2 .bx_stick{
		width: 70px;
		height: 30px;
		background-size: 100%;
		font-size: 	11px;
		line-height: 30px;
	}

	.bx-touch .bx_catalog_tile_home_type_2 .bx_stick_disc{
		width: 37px;
		height: 38px;
		background-size: 100%;
		font-size: 13px;
		line-height: 38px;
	}
}

/* buttons */
.bx_catalog_tile_home_type_2 .bx_bt_button_type_2{
	display: inline-block;
	border-radius: 3px;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	cursor: pointer;
}

.bx_catalog_tile_home_type_2 .bx_bt_button_type_2 				{
	border: 1px solid #e9e9e9;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), to(#f1f1f1));
	background-image: -webkit-linear-gradient(#fcfcfc 0%, #f1f1f1 100%);
	background-image:    -moz-linear-gradient(#fcfcfc 0%, #f1f1f1 100%);
	background-image:      -o-linear-gradient(#fcfcfc 0%, #f1f1f1 100%);
	background-image:         linear-gradient(#fcfcfc 0%, #f1f1f1 100%);
	color: #656565;
	text-shadow:0 1px 0 #fff;
}
.bx_catalog_tile_home_type_2 .bx_bt_button_type_2:hover{background: #fff;}
.bx_catalog_tile_home_type_2 .bx_bt_button_type_2:active 	{
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), to(#fcfcfc));
	background-image: -webkit-linear-gradient(#f1f1f1 0%, #fcfcfc 100%);
	background-image:    -moz-linear-gradient(#f1f1f1 0%, #fcfcfc 100%);
	background-image:      -o-linear-gradient(#f1f1f1 0%, #fcfcfc 100%);
	background-image:         linear-gradient(#f1f1f1 0%, #fcfcfc 100%);
	box-shadow: inset 0 2px 2px 0 rgba(0,0,0,.05);
}

.bx_catalog_tile_home_type_2 .bx_small.bx_bt_button_type_2{
	display: inline-block;
	min-width: 20px;
	line-height: 20px;
}

.bx_catalog_tile_home_type_2 .bx_small.bx_bt_button_type_2 		  	{ }
.bx_catalog_tile_home_type_2 .bx_small.bx_bt_button_type_2:hover 	{ }
.bx_catalog_tile_home_type_2 .bx_small.bx_bt_button_type_2:active 	{ }


.bx_catalog_tile_home_type_2 .bx_medium.bx_bt_button_type_2		{
	padding: 0 13px;
	height: 25px;
	font-weight: bold;
	line-height: 25px;
}

.bx_catalog_tile_home_type_2 .bx_medium.bx_bt_button_type_2 		{font-weight: bold;}
.bx_catalog_tile_home_type_2 .bx_medium.bx_bt_button_type_2:hover  	{ }
.bx_catalog_tile_home_type_2 .bx_medium.bx_bt_button_type_2:active 	{ }

.bx_catalog_tile_home_type_2 .bx_col_input{
	display: inline-block;
	width: 20px;
	text-align: center;
}

.bx_catalog_tile_home_type_2 .bx_catalog_tile_slider_arrow_left,
.bx_catalog_tile_home_type_2 .bx_catalog_tile_slider_arrow_right {
	position: absolute;
	position: absolute;
	top: 45%;
	bottom: 0;
	z-index: 910;
	display: block;
	margin-top: -29px;
	width: 100%;
	width: 35px;
	height: 35px;
	background: url(/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/images/slider_arrow.png) no-repeat;
	background-size: 35px auto !important;
	cursor: pointer;
}

.bx_catalog_tile_home_type_2 .bx_catalog_tile_slider_arrow_left{
	right: 50px;
	top: -20px;
	background-position: 0 0;
}

.bx_catalog_tile_home_type_2 .bx_catalog_tile_slider_arrow_left:active {
	background-position: 0 -70px;
}

.bx_catalog_tile_home_type_2 .bx_catalog_tile_slider_arrow_right {
	right: 0;
	top: -20px;
	background-position: 0 -35px;
}

.bx_catalog_tile_home_type_2 .bx_catalog_tile_slider_arrow_right:active {
	background-position: 0 -105px;
}

.bx_catalog_tile_home_type_2 .bx_catalog_tile_slider_pagination {
	position: absolute;
	bottom: 5%;
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
	text-align: center;
}

.bx_catalog_tile_home_type_2 .bx_catalog_tile_slider_pagination li{
	display: inline-block;
	margin: 0 3px;
	padding: 0;
	width: 14px;
	height: 20px;
	background: url(/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/images/pagination_dot.png) no-repeat right center;
}
.bx_catalog_tile_home_type_2 .bx_catalog_tile_slider_pagination li:hover,
.bx_catalog_tile_home_type_2 .bx_catalog_tile_slider_pagination li.active{
	background: url(/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/images/pagination_dot.png) no-repeat 1px center;
}
.bx_catalog_tile_home_type_2 .bx_catalog_tile_slider_pagination li span{
	display: block;
	width: 14px;
	height: 20px;
	text-decoration: none;
	cursor: pointer;
}

.bx_catalog_tile_home_type_2 .bx_medium.bx_bt_button {
	padding: 0 13px;
	height: 25px;
	font-weight: bold;
	line-height: 25px;
}

.bx_catalog_tile_home_type_2{
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

/* scu_detail_size */
.bx_catalog_tile_home_type_2 .bx_item_detail_size{
	position: relative;
	margin-bottom: 10px;
	padding: 0;
	max-width: 100%;
	width: 100%;
}
.bx-no-touch .bx_catalog_tile_home_type_2 .bx_item_detail_size.full {
	position: relative;
	margin-left: -5%;
	padding: 0 5%;
}

/*----*/

.bx_catalog_tile_home_type_2 .bx_item_detail_size .bx_item_section_name_gray{
	color: #9e9e9e;
	vertical-align: middle;
	font-size: 11px;
	line-height: 11px;
}

/*----*/

.bx_catalog_tile_home_type_2 .bx_item_detail_size .bx_size_scroller_container{position: relative}

.bx_catalog_tile_home_type_2 .bx_item_detail_size .bx_size{
	position: relative;
	overflow: hidden;
	margin: 0;
	width: 100%;
}
.bx_catalog_tile_home_type_2 .bx_item_detail_size ul{
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	white-space: nowrap;
}
.bx-touch 	 .bx_catalog_tile_home_type_2 .bx_item_detail_size .bx_size{overflow-x: auto;}
.bx_catalog_tile_home_type_2 .bx_item_detail_size ul{
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	white-space: nowrap;
}
.bx-touch 	.bx_catalog_tile_home_type_2 .bx_item_detail_size .bx_size ul{margin-left: 0 !important;}
.bx_catalog_tile_home_type_2 .bx_item_detail_size ul li{
	position: relative;
	display: block;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 25px;
}
.bx_catalog_tile_home_type_2 .bx_item_detail_size ul li .cnt{
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 2px;
	bottom: 2px;
	left:2px;
	display: block;
	overflow: hidden;
	border: 1px solid #c0cfda;
	background: #fff;

	color: #3f3f3f;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
	line-height: 22px;
}
.bx-retina .bx_catalog_tile_home_type_2 .bx_item_detail_size ul li .cnt{
	border: none;
	border-style: solid;
	border-width: 1px;
	-webkit-border-image: url(/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/images/x2border.png) 2 stretch;
	-moz-border-image: url(/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/images/x2border.png) 2 stretch;
	-o-border-image: url(/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/images/x2border.png) 2 stretch;
	border-image: url(/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/images/x2border.png) 2 fill stretch;
}
.bx_catalog_tile_home_type_2 .bx_item_detail_size ul li:hover .cnt{border: 1px solid #006cc0}
.bx_catalog_tile_home_type_2 .bx_item_detail_size ul li:active .cnt,
.bx_catalog_tile_home_type_2 .bx_item_detail_size ul li.bx_active .cnt{
	border: 2px solid #006cc0;
}
.bx-retina .bx_catalog_tile_home_type_2 .bx_item_detail_size ul li.bx_active .cnt{
	border: none;
	border-style: solid;
	border-width: 1px;
	-webkit-border-image: url(/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/images/x2border_active.png) 2 stretch;
	-moz-border-image: url(/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/images/x2border_active.png) 2 stretch;
	-o-border-image: url(/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/images/x2border_active.png) 2 stretch;
	border-image: url(/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/images/x2border_active.png) 2 fill stretch;
}

.bx_catalog_tile_home_type_2 .bx_item_detail_size .bx_size ul li.bx_missing .cnt{border: 1px solid #c0cfda !important}
.bx_catalog_tile_home_type_2 .bx_item_detail_size .bx_size ul li.bx_missing>i{
	cursor: not-allowed;
	position: absolute;
	display: block;
	top: 0;
	right: 2px;
	bottom: 2px;
	left:2px;
	z-index:11;
	background: rgba(255,255,255,.79) url(/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/images/missing.png) no-repeat center;
}
/*----*/

.bx-no-touch .bx_catalog_tile_home_type_2 .bx_item_detail_size .bx_slide_left,
.bx-no-touch .bx_catalog_tile_home_type_2 .bx_item_detail_size .bx_slide_right  		{opacity:0.8}
.bx-no-touch .bx_catalog_tile_home_type_2 .bx_item_detail_size .bx_slide_left:hover,
.bx-no-touch .bx_catalog_tile_home_type_2 .bx_item_detail_size .bx_slide_right:hover {opacity:1.0}

.bx_catalog_tile_home_type_2 .bx_item_detail_size.full .bx_slide_left,
.bx_catalog_tile_home_type_2 .bx_item_detail_size.full .bx_slide_right{
	position: absolute;
	top: 0;
	bottom:4px;
	width :5%;
	max-width:11px;
	cursor: pointer;
}
.bx-no-touch .bx_catalog_tile_home_type_2 .bx_item_detail_size .bx_slide_left {left: -5%;background:url(/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/images/arr_left.png)  no-repeat left  center;background-size: 100% auto}
.bx-no-touch .bx_catalog_tile_home_type_2 .bx_item_detail_size .bx_slide_right{right:-5%;background:url(/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/images/arr_right.png) no-repeat right center;background-size: 100% auto}
.bx-touch 	 .bx_catalog_tile_home_type_2 .bx_item_detail_size .bx_slide_left {left:   0;background:url(/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/images/fade_left.png)  repeat-y left  center;background-size: 100% auto}
.bx-touch 	 .bx_catalog_tile_home_type_2 .bx_item_detail_size .bx_slide_right{right:  0;background:url(/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/images/fade_right.png) repeat-y right center;background-size: 100% auto}

/* scu_detail_scu */
.bx_catalog_tile_home_type_2 .bx_item_detail_scu{
	position: relative;
	margin-bottom: 10px;
	padding: 0;
	max-width: 100%;
	width: 100%;
}
.bx-no-touch .bx_catalog_tile_home_type_2 .bx_item_detail_scu.full {
	position: relative;
	margin-left: -5%;
	padding: 0 5%
}

/*----*/

.bx_catalog_tile_home_type_2 .bx_item_detail_scu .bx_item_section_name_gray{
	color: #9e9e9e;
	vertical-align: middle;
	font-size: 11px;
	line-height: 11px;
}

/*----*/

.bx_catalog_tile_home_type_2 .bx_item_detail_scu .bx_scu_scroller_container{position: relative}

.bx_catalog_tile_home_type_2 .bx_item_detail_scu .bx_scu{
	position: relative;
	overflow: hidden;
	margin: 0;
	width: 100%;
}
.bx-touch 	 .bx_catalog_tile_home_type_2 .bx_item_detail_scu .bx_scu{overflow-x: auto}

.bx_catalog_tile_home_type_2 .bx_item_detail_scu .bx_scu ul{
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	white-space: nowrap
}
.bx-touch 	.bx_catalog_tile_home_type_2 .bx_item_detail_scu .bx_scu ul{margin-left: 0 !important}
.bx_catalog_tile_home_type_2 .bx_item_detail_scu .bx_scu ul li{
	position: relative;
	display: block;
	float: left;
	height: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.bx_catalog_tile_home_type_2 .bx_item_detail_scu .bx_scu ul li .cnt{
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 2px;
	bottom: 4px;
	left:2px;
	display: block;
	overflow: hidden;
	border: 1px solid #c0cfda;
	background: #fff;
	z-index:10;
}
.bx-retina .bx_catalog_tile_home_type_2 .bx_item_detail_scu .bx_scu ul li .cnt{
	border: none;
	border-style: solid;
	border-width: 1px;
	-webkit-border-image: url(/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/images/x2border.png) 2 stretch;
	-moz-border-image: url(/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/images/x2border.png) 2 stretch;
	-o-border-image: url(/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/images/x2border.png) 2 stretch;
	border-image: url(/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/images/x2border.png) 2 fill stretch;
}
.bx_catalog_tile_home_type_2 .bx_item_detail_scu .bx_scu ul li:hover .cnt{border: 1px solid #006cc0}
.bx_catalog_tile_home_type_2 .bx_item_detail_scu .bx_scu ul li:active .cnt,
.bx_catalog_tile_home_type_2 .bx_item_detail_scu .bx_scu ul li.bx_active .cnt{
	padding: 3px;
	border: 2px solid #006cc0;
}
.bx_catalog_tile_home_type_2 .bx_item_detail_scu .bx_scu ul li.bx_missing .cnt{border: 1px solid #c0cfda !important}
.bx_catalog_tile_home_type_2 .bx_item_detail_scu .bx_scu ul li.bx_missing>i{
	cursor: not-allowed;
	position: absolute;
	display: block;
	top: 0;
	right: 2px;
	bottom: 4px;
	left: 2px;
	z-index:11;
	background: rgba(255,255,255,.79) url(/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/images/missing.png) no-repeat center;
}

.bx-retina .bx_catalog_tile_home_type_2 .bx_item_detail_scu .bx_scu ul li.bx_active .cnt{
	border: none;
	border-style: solid;
	border-width: 1px;
	-webkit-border-image: url(/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/images/x2border_active.png) 2 stretch;
	-moz-border-image: url(/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/images/x2border_active.png) 2 stretch;
	-o-border-image: url(/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/images/x2border_active.png) 2 stretch;
	border-image: url(/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/images/x2border_active.png) 2 fill stretch;
}
.bx_catalog_tile_home_type_2 .bx_item_detail_scu .bx_scu ul li .cnt .cnt_item{
	position: absolute;
	top:   6%;
	right: 6%;
	bottom:6%;
	left:  6%;
	background-size:contain;
	background-repeat: no-repeat;
}
.bx_catalog_tile_home_type_2 .bx_item_detail_scu .bx_scu ul li .cnt .cnt_item img{
	width: auto;
	height: 25px;
}

/*----*/

.bx-no-touch .bx_catalog_tile_home_type_2 .bx_item_detail_scu .bx_slide_left,
.bx-no-touch .bx_catalog_tile_home_type_2 .bx_item_detail_scu .bx_slide_right  	  {opacity:0.8}
.bx-no-touch .bx_catalog_tile_home_type_2 .bx_item_detail_scu .bx_slide_left:hover,
.bx-no-touch .bx_catalog_tile_home_type_2 .bx_item_detail_scu .bx_slide_right:hover{opacity:1.0}

.bx_catalog_tile_home_type_2 .bx_item_detail_scu.full .bx_slide_left,
.bx_catalog_tile_home_type_2 .bx_item_detail_scu.full .bx_slide_right{
	position: absolute;
	top: 0;
	bottom:4px;
	width :5%;
	max-width:11px;
	cursor: pointer;
}
.bx-no-touch .bx_catalog_tile_home_type_2 .bx_item_detail_scu .bx_slide_left {left: -5%;background:url(/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/images/arr_left.png)  no-repeat   left  center;background-size: 100% auto}
.bx-no-touch .bx_catalog_tile_home_type_2 .bx_item_detail_scu .bx_slide_right{right:-5%;background:url(/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/images/arr_right.png) no-repeat   right center;background-size: 100% auto}
.bx-touch 	 .bx_catalog_tile_home_type_2 .bx_item_detail_scu .bx_slide_left {left:   0;background:url(/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/images/fade_left.png)  repeat-y   left  center;background-size: 100% auto}
.bx-touch 	 .bx_catalog_tile_home_type_2 .bx_item_detail_scu .bx_slide_right{right:  0;background:url(/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/images/fade_right.png) repeat-y   right center;background-size: 100% auto}

.product-item-detail-link {
	text-align: right;
	margin-right: 15px;
	padding-bottom: 15px;
}


.product-item-manufacturer {
	padding: 0 15px;
	margin: 10px 0;
	min-height: 22px;
}


/*Start-price*/
.product-item-start-price {
	padding: 0 15px;
	font-weight: bold;
	font-size: 16px;
	float: left;
}

/*Product-item-detail-link*/
.product-item-detail-link {
	text-align: right;
	margin-right: 15px;
}

/* End */


/* Start:/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/themes/blue/style.css?15313715695449*/
/* catalog.top */
.bx_catalog_tile_home_type_2.bx_blue .bx_catalog_tile_slider_arrow_left,
.bx_catalog_tile_home_type_2.bx_blue .bx_catalog_tile_slider_arrow_right 			{background-image: url(/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/themes/blue/images/slider_arrow.png)}
.bx_catalog_tile_home_type_2.bx_blue .bx_catalog_tile_slider_pagination li			{background: url(/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/themes/blue/images/pagination_dot.png) no-repeat right center}
.bx_catalog_tile_home_type_2.bx_blue .bx_catalog_tile_slider_pagination li:hover,
.bx_catalog_tile_home_type_2.bx_blue .bx_catalog_tile_slider_pagination li.active	{background: url(/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/themes/blue/images/pagination_dot.png) no-repeat 0px center}

.bx_catalog_tile_home_type_2.bx_blue .bx_bt_button  				{
	background:#00a2df;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYTJkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDZmY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#00a2df),color-stop(100%,#006fcb));
	background:-webkit-linear-gradient(top,#00a2df 0%,#006fcb 100%);
	background:   -moz-linear-gradient(top,#00a2df 0%,#006fcb 100%);
	background:    -ms-linear-gradient(top,#00a2df 0%,#006fcb 100%);
	background:     -o-linear-gradient(top,#00a2df 0%,#006fcb 100%);
	background:        linear-gradient(to bottom,#00a2df 0%,#006fcb 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a2df',endColorstr='#006fcb',GradientType=0);

	color:#fff;
	text-shadow: 0 1px 0 #165c99;
	display:inline-block;
	border-radius:3px;
	text-align:center;
	text-decoration:none;
	font-size:14px;
	cursor:pointer;
}
.bx_catalog_tile_home_type_2.bx_blue .bx_bt_button:hover  		{
	background:#26b0e4;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI2YjBlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNjg0ZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#26b0e4),color-stop(100%,#2684d3));
	background:-webkit-linear-gradient(top,#26b0e4 0%,#2684d3 100%);
	background:   -moz-linear-gradient(top,#26b0e4 0%,#2684d3 100%);
	background:    -ms-linear-gradient(top,#26b0e4 0%,#2684d3 100%);
	background:     -o-linear-gradient(top,#26b0e4 0%,#2684d3 100%);
	background:        linear-gradient(to bottom,#26b0e4 0%,#2684d3 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#26b0e4',endColorstr='#2684d3',GradientType=0 );
}
.bx_catalog_tile_home_type_2.bx_blue .bx_bt_button:active  		{
	background:#0052bf;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNTJiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDg1ZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#0052bf),color-stop(100%,#0085d3));
	background:-webkit-linear-gradient(top,#0052bf 0%,#0085d3 100%);
	background:   -moz-linear-gradient(top,#0052bf 0%,#0085d3 100%);
	background:    -ms-linear-gradient(top,#0052bf 0%,#0085d3 100%);
	background:     -o-linear-gradient(top,#0052bf 0%,#0085d3 100%);
	background:linear-gradient(to bottom,#0052bf 0%,#0085d3 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0052bf',endColorstr='#0085d3',GradientType=0 );
}

/* scu_detail_size */
.bx-retina .bx_catalog_tile_home_type_2.bx_blue .bx_item_detail_size ul li.bx_active .cnt{
	-webkit-border-image: url(/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/themes/blue/images/x2border_active.png) 2 stretch;
	-moz-border-image: url(/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/themes/blue/images/x2border_active.png) 2 stretch;
	-o-border-image: url(/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/themes/blue/images/x2border_active.png) 2 stretch;
	border-image: url(/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/themes/blue/images/x2border_active.png) 2 fill stretch;
}
/* scu_detail_scu */
.bx-retina .bx_catalog_tile_home_type_2.bx_blue .bx_item_detail_scu .bx_scu ul li.bx_active .cnt{
	-webkit-border-image: url(/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/themes/blue/images/x2border_active.png) 2 stretch;
	-moz-border-image: url(/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/themes/blue/images/x2border_active.png) 2 stretch;
	-o-border-image: url(/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/themes/blue/images/x2border_active.png) 2 stretch;
	border-image: url(/local/templates/lot/components/bitrix/catalog.top/product_slider/slider/themes/blue/images/x2border_active.png) 2 fill stretch;
}
/* End */


/* Start:/local/templates/lot/styles.css?1778698291218*/
/* styles.css — пустой, всё перенесено в /css/site.css
 * Файл сохранён, потому что Bitrix автоматически подключает его по конвенции.
 */

/* End */


/* Start:/local/templates/lot/template_styles.css?1778698291227*/
/* template_styles.css — пустой, всё перенесено в /css/site.css
 * Файл сохранён, потому что Bitrix автоматически подключает его по конвенции.
 */

/* End */
/* /local/templates/lot/css/tokens.css?17787708113980 */
/* /local/templates/lot/css/bootstrap.min.css?1630310146122382 */
/* /local/templates/lot/css/site.css?1780513547249619 */
/* /local/templates/lot/css/requisites.css?17791195406425 */
/* /local/templates/lot/css/faq.css?17791195417540 */
/* /local/templates/lot/css/documents.css?17787846406673 */
/* /local/templates/lot/css/job.css?17791197047534 */
/* /local/templates/lot/css/about.css?17787864088523 */
/* /local/templates/lot/css/catalog_chips.css?17787958281054 */
/* /local/templates/lot/css/materialy.css?17793940938851 */
/* /local/templates/lot/css/dostavka.css?17791191836707 */
/* /local/templates/lot/css/oplata.css?17788321905461 */
/* /local/templates/lot/css/kak-kupit.css?17788321903483 */
/* /local/templates/lot/css/cooperation.css?17800474408887 */
/* /local/templates/lot/css/product_grades.css?177885212613958 */
/* /local/templates/lot/css/style.css?1778698116286 */
/* /local/templates/lot/components/bitrix/menu/main_menu_sandbox/style.min.css?17798818883715 */
/* /local/templates/lot/components/bitrix/breadcrumb/universal1/style.min.css?1677921111620 */
/* /local/components/slam/easyform/templates/.default/style.min.css?1778448739805 */
/* /local/components/slam/easyform/lib/css/bootstrapValidator.min.css?1778448739565 */
/* /local/templates/lot/components/bitrix/catalog.top/product_slider/slider/style.css?176251928227140 */
/* /local/templates/lot/components/bitrix/catalog.top/product_slider/slider/themes/blue/style.css?15313715695449 */
/* /local/templates/lot/styles.css?1778698291218 */
/* /local/templates/lot/template_styles.css?1778698291227 */