* {
    font-family: Tahoma;
    margin: 0;
}

body {
    overflow-x: hidden;
    background: #ffffff;
    border: 1px solid #e3e8ee;
}

img {
    border: 0;
}

a {
    text-decoration: none;
    color: #70767d;
}

a:hover {
    text-decoration: underline;
}

.simple_table {
    border-spacing: 0;
    border-collapse: collapse;
    border: 0;
}

.form_table td {
    padding: 3px;
}

.textright {
    text-align: right;
}

.textcenter {
    text-align: center;
}


.settings_table .input_cell input {
    width: 200px
}

.settings_table .input_cell select {
    width: 205px
}




h1.page_head {
    font-size: 20px;
    text-align: center;
    color: #565b60;
}

h1.forum_head {
    font-size: 20px;
    text-align: center;
    color: #565b60;
    padding-bottom: 0.5em;
}

h1.category_head {
    display: inline;
    margin: 0;
    padding: 0;
    font-size: 11px;
}


/*
h1.page_head::first-letter {
    color:#fa6c0e;
font-size: larger;
}
*/

#container {
    margin: 0 auto;
    width: 1000px;
    position: relative;
    margin-top: -10px;
    background: #fff;
    box-shadow: 0 0 24px rgba(15, 25, 35, 0.10);
}

#top {
    left: 0;
    width: 1000px;
    height: 187px;
    background: #fff;
    position: relative;
    z-index: 1;
    overflow: visible;
}

#logo {
    width: 215px;
    height: 63px;
    margin: 88px 22px 0 12px;
    float: left;
}

#telka {
    width: 143px;
    height: 187px;
    background: url(images/telka.gif) no-repeat;
    float: left;
    margin-left: 11px;
}

#banner {
    width: 692px;
    height: 129px;
    float: left;
    margin: 54px 0 0 9px;
    overflow: hidden;
}

#lang {
    width: 30px;
    top: 55px;
    height: 122px;
    position: absolute;
    right: 10px;
}

.lang {
    margin-top: 8px;
    text-align: center;
    width: 30px;
}

.lang a {
    font: 900 14px Inter, "Segoe UI", Arial, sans-serif;
    color: #1a2535;
}

.lang a.langactive {
    color: #e87b24;
}

.lang a:hover {
    color: #e87b24;
    text-decoration: none;
}

#right {
    width: 7px;
    height: 187px;
    /*background: url(images/top_right.gif) no-repeat bottom;*/
    float: right;
}

#menutop {
    position: absolute;
    top: 28px;
    right: 349px;
}

#menutop,
#menutop a {
    color: #0f1923;
    font-size: 12px;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    font-weight: 700;
}

.topmenuspacer {
    width: 1px;
    height: 12px;
    display: block;
    float: left;
    margin: 4px 13px 0;
    background: #c0c8d0;
}

#menu {
    position: relative;
    height: 22px;
    /*width: 670px;*/
    margin: 0;
    z-index: 5;
    /*position: absolute;*/
    /*border:1px solid #0d0;*/
    padding-left: 208px;
    /* 206 */
}

#menu ul {
    margin: 0 auto;
    list-style: none;
    width: 692px;
    /* task 3.2  756px */
    /* float: left;*/
    /*  border:1px solid #d00;*/
    padding: 0;
}

#menu li {
    height: 22px;
    width: 112px;
    /* task 3.2 */
    margin: -1px 0 0 4px;
    float: left;
    list-style: none;
    text-align: center;
}

#menu li:first-child {
    margin-left: 0;
}

#menu li a {
    padding: 3px 0;
    height: 16px;
    width: 112px;
    border-radius: 0 0 3px 3px;
    /* task 3.2 */
    background: linear-gradient(180deg, #22304a 0%, #1a2535 55%, #16202e 100%);
    display: block;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: normal;
}

#menu li a.selected {
    background: linear-gradient(180deg, #f08c33 0%, #e87b24 55%, #cf6a1a 100%);
}

#menu li a:hover {
    background: linear-gradient(180deg, #f08c33 0%, #e87b24 55%, #cf6a1a 100%);
    text-decoration: none;
}

#sitemap {
    font: bold 11px Tahoma;
    color: #70767d;
    margin: 10px 0 6px 258px;
    /*  task 2  35px 0 20px 20px */
    height: 20px;
}

/*form[name=searchform] {
    padding-left: 10px;    !*  task 2 *!
}*/

#center {
    width: 100%;
}

#content {
    margin-left: 258px;
    margin-right: 55px;
    /* task 2.2 */
}

.sitepages_content {
    font-size: 13px;
    color: #565b60;
}

.sitepages_content img {
    margin-left: 5px;
}


#leftblock {
    float: left;
    margin-left: 25px;
}

.brands {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
}

.brand {
    margin: 0 auto;
}

.brands_item

/* brands on brands page*/
    {
    width: 95%;
    display: grid;
    grid-template-columns: 200px auto;
}

.brands_logo {
    margin: auto auto;
}

.brands_dotted {
    grid-column: 1 / 3;
    height: 2px;
    margin: 2px 0 3px 0;
    background: url(images/mcraft5_r2_c1.jpg) repeat-x;
}



#rightblock {
    float: right;
}

#footer {
    width: 100%;
    height: 96px;
    background: #1a2535;
    text-align: center;
    font-size: 14px;
    color: #1a2535;
    margin-top: 20px;
}

#footer span {
    font: normal 12px Tahoma;
    color: #74828A;
    display: block;
    margin-top: 10px;
}

#footerleft {
    width: 7px;
    height: 96px;
    background: url(images/footer_left.gif) repeat-x;
    float: left;
}

#footerright {
    width: 7px;
    height: 96px;
    background: url(images/footer_right.gif) repeat-x;
    float: right;
}

.newfooter {
    margin-top: 20px;
}

.newfooter_upper_line {
    border-top: 3.5px solid #1a2535;
    padding-top: 2px;
    margin: 0 7px;
}

.newfooter_borders {
    border-radius: 7px;
    border: 2px solid #e87b24;
    /* ff7700 */
}

.newfooter_text {
    padding: 10px 7px 20px 7px;
    text-align: center;
    font-size: 14px;
    color: #1a2535;
}

.newfooter_text span {
    font: normal 12px Tahoma;
    color: #74828A;
    display: block;
    margin-top: 10px;
}


.headblock {
    margin-bottom: 10px;
    width: 210px;
}

.block {
    width: 210px;
    margin: 0 0 20px 4px;
    /* task 2.2 10px*/
}

#login {
    width: 210px;
    height: 52px;
    background: url(images/login_bg.gif) no-repeat;
    padding-top: 10px;
}

#login input {
    width: 127px;
    height: 13px;
    padding: 4px 8px 4px 20px;
    margin-top: 3px;
    border: 0;
    color: #70767d;
    font: normal 9px Verdana;
}

#loginemail {
    background: url(images/email_field.gif) no-repeat;
}

#loginpass {
    background: url(images/pass_field.gif) no-repeat;
}

.catalogitem {
    display: block;
    padding: 6px 0 8px;
    background: url(images/mcraft5_r2_c1.jpg) no-repeat bottom;
    float: left;
    /* task 2.2 */
    width: 200px;
}

.brand {
    width: 173px;
    height: 52px;
    background: url(images/mcraft6_r1_c1.jpg) no-repeat;
    padding: 13px;
    float: left;
}

#basket {
    padding-top: 30px;
    width: 210px;
    height: 60px;
    background: url(images/basket_bg.gif) no-repeat;
}

.item {
    width: 195px;
    height: 240px;
    border: 1px solid #d3d3d3;
    border-radius: 10px;
    box-shadow: 0 3px 12px rgba(15, 25, 35, 0.18);
    transition: box-shadow .15s ease;
    margin: 5px 0;
    position: relative;
    text-align: center;
    display: block;
}

*html .item {
    margin: 5px 25px;
}

.itemtop {
    width: 195px;
    height: 9px;
    background: url(images/item_top.gif) no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

.itembttm {
    width: 195px;
    height: 9px;
    background: url(images/item_bottom.gif) no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
}

*html .itembttm {
    bottom: -10px;
}

.item_name {
    padding-top: 10px;
    height: 40px;
    margin-top: -5px;
    display: block;
    overflow: hidden;
    width: 170px;
    margin: 0 auto;
}

.item_name a {
    font: bold 12px Tahoma;
    color: #1a2535;
    display: inline-block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.item_photo {
    height: 113px;
    width: 150px;
    position: absolute;
    top: 50px;
    left: 21px;
    overflow: hidden;
}

.item_info {
    margin-top: 115px;
}

.zvezda {
    top: 50px;
    right: 10px;
    position: absolute;
    width: 64px;
    height: 64px;
}

#lupa {
    float: right;
}

*html #lupa {
    float: none;
    display: inline;
}

.navigationtop {
    font-size: 14px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #1a2535;
    text-decoration: none;
    text-align: center;
    padding-top: 5px;
}

a.navigationtop:hover {
    font-size: 14px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #1a2535;
    text-decoration: underline;
    text-align: center;
    padding-top: 5px;
}

td.navigationtop {
    padding-top: 5px;
    padding-left: 3px;
}

select.navigationtop {
    width: 100px;
    font-size: 13px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #1a2535;
    padding-top: 5px;
    padding-left: 3px;
}

a.navigationbutton {
    background: linear-gradient(180deg, #8fb3d4 0%, #7ba3c8 55%, #6a92b7 100%);
    font-size: 13px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #ffffff;
    display: block;
    padding-top: 8px;
    width: 126px;
    height: 30px;
    text-decoration: none;
    font-weight: bold;
}

a.navigationbutton:hover {
    background: linear-gradient(180deg, #f08c33 0%, #e87b24 55%, #cf6a1a 100%);
    font-size: 13px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #ffffff;
    padding-top: 8px;
    display: block;
    width: 126px;
    height: 30px;
    text-decoration: none;
    font-weight: bold;
}

a.navigationbuttonsel {
    background: linear-gradient(180deg, #f08c33 0%, #e87b24 55%, #cf6a1a 100%);
    font-size: 13px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #ffffff;
    padding-top: 8px;
    display: block;
    width: 126px;
    height: 30px;
    text-decoration: none;
    font-weight: bold;
}

a.navigationbuttonsel:hover {
    background: linear-gradient(180deg, #f08c33 0%, #e87b24 55%, #cf6a1a 100%);
    font-size: 13px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #ffffff;
    padding-top: 8px;
    display: block;
    width: 126px;
    height: 30px;
    text-decoration: underline;
    font-weight: bold;
}

a.podrobnee {
    background: linear-gradient(180deg, #22304a 0%, #1a2535 55%, #16202e 100%);
    font-size: 11px;
    padding-top: 0;
    line-height: 18px;
    font-family: Tahoma, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #ffffff;
    text-decoration: none;
    font-weight: normal;
    width: 96px;
    border-radius: 3px;
    height: 18px;
    display: block;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
}

a.podrobnee:hover {
    background: linear-gradient(180deg, #f08c33 0%, #e87b24 55%, #cf6a1a 100%);
}

a.incart {
    background: linear-gradient(180deg, #22304a 0%, #1a2535 55%, #16202e 100%);
    font-size: 11px;
    padding-top: 0;
    line-height: 18px;
    border-radius: 3px;
    text-align: center;
    font-family: Tahoma, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #ffffff;
    text-decoration: none;
    font-weight: normal;
    width: 96px;
    height: 18px;
    display: block;
    cursor: pointer;
}

a.incart:hover {
    background: linear-gradient(180deg, #f08c33 0%, #e87b24 55%, #cf6a1a 100%);
    font-size: 11px;
    padding-top: 0;
    line-height: 18px;
    border-radius: 3px;
    text-align: center;
    font-family: Tahoma, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #ffffff;
    text-decoration: none;
    font-weight: normal;
    width: 96px;
    height: 18px;
    display: block;
}

.maplinks {
    font-size: 11px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #70767d;
    text-decoration: none;
    font-weight: bold;
}

a.maplinks:hover {
    font-size: 11px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #e87b24;
    text-decoration: underline;
}

td.maplinks {
    padding-top: 0px;
    padding-left: 0px;
    text-align: left;
}

.alfabet {
    font-size: 38px;
    font-family: Tahoma, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}

.buttons {
    font-size: 11px;
    font-family: Tahoma, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #ffffff;
    text-decoration: none;
    font-weight: normal;
    cursor: pointer;
}

a.buttons:hover {
    font-size: 11px;
    font-family: Tahoma, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #ffffff;
    text-decoration: underline;
    font-weight: normal;
    cursor: pointer;
}

td.tdalfabet {
    width: 56px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
}

.textblock {
    font-size: 20px;
    font-family: Tahoma, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #e87b24;
    text-decoration: none;
    font-weight: bold;
}

td.textblock {
    padding-top: 16px;
    padding-left: 0px;
    text-align: left;
}

td.catblock {
    width: 14px;
    height: 50px;
}

input.inputsearch {
    font-size: 9px;
    font-family: Tahoma, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #70767d;
    width: 144px;
    height: 12px;
    border: 0px;
    padding: 6px 8px;
    background: #eae8e9 url(images/input_bg.gif) no-repeat;
}

input.inputlogin {
    font-size: 9px;
    font-family: Tahoma, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #70767d;
    width: 130px;
    height: 12px;
    border: 0px;
    background-color: #eae8e9;
}

.searchtext {
    font-size: 12px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #e87b24;
    font-weight: bold;
    text-decoration: none;
}

a.searchtext:hover {
    font-size: 12px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #e87b24;
    font-weight: bold;
    text-decoration: underline;
}

.menutext {
    font-size: 12px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #1a2535;
    font-weight: bold;
    text-decoration: none;
}

.itemnametext {
    font-size: 13px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #70767d;
    font-weight: bold;
    text-decoration: none;
}

.descriptiontext {
    font-size: 12px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    text-decoration: none;
    padding-bottom: 1em;
    text-align: left;
}


a.menutext:hover {
    font-size: 12px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #e87b24;
    font-weight: bold;
    text-decoration: underline;
}

input.inputform {
    font-size: 12px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #70767d;
    width: 200px;
    border: 1px solid;
    border-color: #e87b24;
    background-color: #eae8e9;
}

textarea.inputform {
    font-size: 12px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #70767d;
    width: 300px;
    border: 1px solid;
    border-color: #e87b24;
    background-color: #eae8e9;
}

/**
gray background with border  padding forms
 */
div.form_padding {
    display: inline-block;
    border: 1px solid #aaa;
    padding: 12px;
    text-align: justify;
    background-color: rgb(239, 239, 239);
}

div.form_padding_message {
    padding: 12px 72px;
}


input.submitform {
    background-size: cover;
    background-image: linear-gradient(180deg, #22304a 0%, #1a2535 55%, #16202e 100%);
    background-repeat: no-repeat;
    font-family: Tahoma, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    font-size: 16px;
    width: 192px;
    height: 32px;
    line-height: 25px;
    color: white;
    border: none;
    cursor: pointer;
}

input.submitform:hover {
    background-image: linear-gradient(180deg, #f08c33 0%, #e87b24 55%, #cf6a1a 100%);
}

/**
additional class to make .submitform look like .podrobnee
 */
input.submitform_minor {
    font-size: 11px;
    width: 130px;
    height: 22px;
    line-height: inherit;
    text-align: center;
    margin: 0 auto;
}



input.inputformcode {
    font-size: 12px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #70767d;
    width: 70px;
    border: 1px solid;
    border-color: #e87b24;
    background-color: #eae8e9;
}

.formtext {
    font-size: 12px;
    font-family: Tahoma Regilar, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #70767d;
    padding-left: 0px;
    font-weight: bold;
}

select.selectform {
    /*width: 200px;*/
    font-size: 12px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #70767d;
    background-color: #eae8e9;
    border: 1px solid;
    border-color: #e87b24;
    background-color: #eae8e9;
}



.register_form select {
    width: 205px !important;
}

/*  /shoppingcart.html */
.cart_item {
    width: 95%;
    /*border: 1px solid #c00;*/
    display: table;
}

.cart_item>div {
    display: table-cell;
    padding: 3px;
    font-size: 10px;
    color: #666666;
    vertical-align: middle;
}

.cart_item .cart_item_descr {
    width: 100%;
}





.copyrights {
    font-size: 12px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #74828A;
    text-decoration: none;
    text-align: center;
    padding-top: 5px;
}

/*.tabletitletext {
    font-size: 12px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #e87b24;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    padding-top: 2px;
}*/
.tableoptions {
    border: 1px solid;
    border-color: #cf6a1a;
}

.codetext {
    font-size: 10px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #666666;
    text-decoration: none;
    margin-top: 9px;
}

.centertext {
    font-size: 13px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #333333;
    text-decoration: none;
    text-align: justify;
    padding-top: 5px;
}

.accounttexttitle {
    font-size: 14px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #1a2535;
    font-weight: bold;
    text-decoration: none;
}

.accounttext {
    font-size: 12px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #70767d;
    font-weight: bold;
    text-decoration: none;
}

a.accounttext:hover {
    font-size: 12px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #e87b24;
    font-weight: bold;
    text-decoration: underline;
}

.ccat1text {
    font-size: 11px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #1a2535;
    font-weight: bold;
    text-decoration: none;
}

a.ccat1text:hover {
    font-size: 11px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #e87b24;
    font-weight: bold;
    text-decoration: underline;
}

.cat1text {
    font-size: 11px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #e87b24;
    font-weight: bold;
    text-decoration: underline;
}

a.cat1text:hover {
    font-size: 11px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #e87b24;
    font-weight: bold;
    text-decoration: underline;
}

.cat2text {
    font-size: 13px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #70767d;
    font-weight: bold;
    text-decoration: none;
}

a.cat2text:hover {
    font-size: 13px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #e87b24;
    font-weight: bold;
    text-decoration: underline;
}

.ccat2text {
    font-size: 11px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #1a2535;
    font-weight: bold;
    text-decoration: none;
}

a.ccat2text:hover {
    font-size: 11px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #e87b24;
    font-weight: bold;
    text-decoration: underline;
}

.cat3text {
    font-size: 11px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #70767d;
    text-decoration: none;
}

a.cat3text:hover {
    font-size: 11px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #e87b24;
    text-decoration: underline;
}

.forumfoottext {
    font-size: 11px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #70767d;
    text-decoration: none;
    font-weight: bold;
}

a.forumfoottext:hover {
    font-size: 11px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #e87b24;
    text-decoration: underline;
}

.forumheadtext {
    font-size: 11px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #70767d;
    text-decoration: none;
    font-weight: bold;
}

a.forumheadtext:hover {
    font-size: 11px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #e87b24;
    text-decoration: underline;
}

.forumtableoptions {
    border: 1px solid;
    border-color: #EFEFEF;
}

.forumtitletext {
    font-size: 12px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #e87b24;
    font-weight: bold;
    text-decoration: none;
}

a.forumtitletext:hover {
    font-size: 12px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #e87b24;
    font-weight: bold;
    text-decoration: none;
}

td.inputformtext {
    font-size: 12px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #70767d;
    text-decoration: none;
    font-weight: bold;
    text-align: right;
}

.forumnicktext {
    font-size: 12px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #70767d;
    text-decoration: none;
    font-weight: bold;
}

a.forumnicktext:hover {
    font-size: 12px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #e87b24;
    text-decoration: underline;
}

.helpmsgtext {
    font-size: 12px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #70767d;
    font-weight: bold;
    text-decoration: none;
}

a.helpmsgtext:hover {
    font-size: 12px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #e87b24;
    font-weight: bold;
    text-decoration: underline;
}

.itemtext {
    font-size: 12px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #7ba3c8;
    font-weight: bold;
    text-decoration: none;
}

a.itemtext:hover {
    font-size: 12px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #e87b24;
    font-weight: bold;
    text-decoration: underline;
}

.tableitemtitletext {
    font-size: 11px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #70767d;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    padding-top: 2px;
}

.pricetext {
    font-size: 12px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #cf6a1a;
    text-decoration: none;
}

.sorttext {
    font-size: 12px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #74828A;
    font-weight: bold;
    text-decoration: none;
}

.messagesnavtext {
    font-size: 12px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #70767d;
    font-weight: bold;
    text-decoration: none;
}

a.messagesnavtext:hover {
    font-size: 12px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #e87b24;
    font-weight: bold;
    text-decoration: underline;
}

.tablepmtitletext {
    font-size: 11px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #74828A;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    padding-top: 2px;
}

.pmtitlesms {
    font-size: 11px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #7ba3c8;
    font-weight: bold;
    text-decoration: none;
}

a.pmtitlesms:hover {
    font-size: 11px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #e87b24;
    font-weight: bold;
    text-decoration: underline;
}

.pmwarings {
    font-size: 11px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #e87b24;
    font-weight: bold;
    text-decoration: none;
}

a.pmwarings:hover {
    font-size: 11px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #e87b24;
    font-weight: bold;
    text-decoration: underline;
}

span.navigationsearch {
    cursor: hand;
    font-size: 12px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #ffffff;
    display: block;
    padding-top: 8px;
    text-decoration: none;
    font-weight: bold;
}

span.navigationsearch:hover {
    cursor: hand;
    font-size: 12px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #e87b24;
    display: block;
    padding-top: 8px;
    text-decoration: none;
    font-weight: bold;
}

.png {
    BEHAVIOR: url(pngbehavior.htc)
}

.pmsformtext {
    font-size: 12px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #70767d;
    text-decoration: none;
    font-weight: bold
}

.pmsformtextdesc {
    font-size: 12px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #70767d;
    text-decoration: none;
    text-align: justify;
    border: 1px solid;
    border-color: #efefef
}

.tablecheckstyle {
    width: 100%;
    border: 1px solid #efefef;
    border-spacing: 0;
    border-collapse: collapse;
}

.tablecheckstyle td {
    font-size: 12px;
    color: #70767d;
    text-align: left;
    border: 1px solid;
    border-color: #efefef;
}

.tablecheckstyle div {
    font-weight: bold;
    font-size: 12px;
    color: #70767d;
    text-align: right;
}

.tablecheckstyle th {
    font-size: 13px;
    color: #e87b24;
    text-align: left;
    border: 1px solid;
    border-color: #efefef;
    background-color: #efefef;
}

.tdcheckstyle {
    border: 1px solid;
    border-color: #efefef;
    background-color: #efefef;
}

.tdcheckstyleone {
    border: 1px solid;
    border-color: #efefef;
}

.tableitemsstyle th {
    font-size: 13px;
    color: #70767d;
    text-align: center;
    border: 1px solid;
    border-color: #efefef;
}

.tableitemsstyle td {
    font-size: 12px;
    color: #70767d;
    border: 1px solid;
    border-color: #efefef;
}

select.topselect {
    font-size: 13px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #1a2535;
}

.galleria {
    list-style: none;
    width: 200px
}

.galleria li {
    display: block;
    width: 80px;
    height: 80px;
    overflow: hidden;
    float: left;
    margin: 0 10px 10px 0
}

.galleria li a {
    display: none
}

.galleria li div {
    position: absolute;
    display: none;
    top: 0;
    left: 180px
}

.galleria li div img {
    cursor: pointer
}

.galleria li.active div img,
.galleria li.active div {
    display: block
}

.galleria li img.thumb {
    cursor: pointer;
    top: auto;
    left: auto;
    display: block;
    width: auto;
    height: auto
}

.galleria li .caption {
    display: block;
    padding-top: .5em
}

* html .galleria li div span {
    width: 4 00px
}

/* MSIE bug */
.caption {
    font-style: italic;
    color: #887;
}

.demo {
    position: relative;
    margin-top: 2em;
}

.gallery_demo {
    width: 460px;
    padding: 0 20px;
}

.gallery_demo li {
    width: 143px;
    border: 3px double #111;
    margin: 0 2px;
    background: #000;
}

.gallery_demo li div {
    left: 200px
}

.gallery_demo li div .caption {
    font: italic 0.7em/1.4 georgia, serif;
    clear: both
}

#main_image {
    margin: 0 auto 10px auto;
    width: 500px;
    background: white;
    display: block;
}

#main_image img {
    margin-bottom: 10px;
    width: 500px;
    display: block;
}

.nav {
    padding-top: 15px;
    clear: both;
    font: 80% 'helvetica neue', sans-serif;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.info {
    text-align: left;
    width: 700px;
    margin: 30px auto;
    border-top: 1px dotted #221;
    padding-top: 30px;
}

.info p {
    margin-top: 1.6em;
}

div.light_rounded .pp_top .pp_left {
    background: url(images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat
}

div.light_rounded .pp_top .pp_middle {
    background: #fff
}

div.light_rounded .pp_top .pp_right {
    background: url(images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat
}

div.light_rounded .pp_content {
    background-color: #fff
}

div.light_rounded .pp_content a.pp_next:hover {
    background: url(images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.light_rounded .pp_content a.pp_previous:hover {
    background: url(images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.light_rounded .pp_content a.pp_expand {
    background: url(images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_content a.pp_expand:hover {
    background: url(images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_content a.pp_contract {
    background: url(images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_content a.pp_contract:hover {
    background: url(images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_content a.pp_close {
    width: 75px;
    height: 22px;
    background: url(images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous {
    background: url(images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat
}

div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default
}

div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next {
    background: url(images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat
}

div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default
}

div.light_rounded .pp_bottom .pp_left {
    background: url(images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat
}

div.light_rounded .pp_bottom .pp_middle {
    background: #fff
}

div.light_rounded .pp_bottom .pp_right {
    background: url(images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat
}

div.light_rounded .pp_loaderIcon {
    background: url(images/prettyPhoto/light_rounded/loader.gif) center center no-repeat
}

div.dark_rounded .pp_top .pp_left {
    background: url(images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat
}

div.dark_rounded .pp_top .pp_middle {
    background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat
}

div.dark_rounded .pp_top .pp_right {
    background: url(images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat
}

div.dark_rounded .pp_content {
    background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat
}

div.dark_rounded .pp_content a.pp_next:hover {
    background: url(images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_content a.pp_previous:hover {
    background: url(images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_content a.pp_expand {
    background: url(images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_content a.pp_expand:hover {
    background: url(images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_content a.pp_contract {
    background: url(images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_content a.pp_contract:hover {
    background: url(images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_content a.pp_close {
    width: 75px;
    height: 22px;
    background: url(images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;
    cursor: pointer
}

div.dark_rounded .currentTextHolder {
    color: #c4c4c4
}

div.dark_rounded p.pp_description {
    color: #fff
}

div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous {
    background: url(images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat
}

div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default
}

div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next {
    background: url(images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat
}

div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default
}

div.dark_rounded .pp_bottom .pp_left {
    background: url(images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat
}

div.dark_rounded .pp_bottom .pp_middle {
    background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat
}

div.dark_rounded .pp_bottom .pp_right {
    background: url(images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat
}

div.dark_rounded .pp_loaderIcon {
    background: url(images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat
}

div.dark_square .pp_top .pp_left,
div.dark_square .pp_top .pp_middle,
div.dark_square .pp_top .pp_right,
div.dark_square .pp_bottom .pp_left,
div.dark_square .pp_bottom .pp_middle,
div.dark_square .pp_bottom .pp_right,
div.dark_square .pp_content {
    background: url(images/prettyPhoto/dark_square/contentPattern.png) top left repeat
}

div.dark_square .currentTextHolder {
    color: #c4c4c4
}

div.dark_square p.pp_description {
    color: #fff
}

div.dark_square .pp_loaderIcon {
    background: url(images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat
}

div.dark_square .pp_content a.pp_expand {
    background: url(images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.dark_square .pp_content a.pp_expand:hover {
    background: url(images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.dark_square .pp_content a.pp_contract {
    background: url(images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.dark_square .pp_content a.pp_contract:hover {
    background: url(images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.dark_square .pp_content a.pp_close {
    width: 75px;
    height: 22px;
    background: url(images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;
    cursor: pointer
}

div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous {
    background: url(images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat
}

div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default
}

div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next {
    background: url(images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat
}

div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default
}

div.dark_square .pp_content a.pp_next:hover {
    background: url(images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.dark_square .pp_content a.pp_previous:hover {
    background: url(images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.light_square .pp_top .pp_left,
div.light_square .pp_top .pp_middle,
div.light_square .pp_top .pp_right,
div.light_square .pp_bottom .pp_left,
div.light_square .pp_bottom .pp_middle,
div.light_square .pp_bottom .pp_right,
div.light_square .pp_content {
    background: #fff
}

div.light_square .pp_content a.pp_expand {
    background: url(images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.light_square .pp_content a.pp_expand:hover {
    background: url(images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.light_square .pp_content a.pp_contract {
    background: url(images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.light_square .pp_content a.pp_contract:hover {
    background: url(images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.light_square .pp_content a.pp_close {
    width: 75px;
    height: 22px;
    background: url(images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
    cursor: pointer
}

div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous {
    background: url(images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat
}

div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default
}

div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next {
    background: url(images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat
}

div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default
}

div.light_square .pp_content a.pp_next:hover {
    background: url(images/prettyPhoto/light_square/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.light_square .pp_content a.pp_previous:hover {
    background: url(images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.pp_pic_holder a:focus {
    outline: none
}

div.pp_overlay {
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9500;
    width: 100%
}

div.pp_pic_holder {
    position: absolute;
    z-index: 10000;
    width: 100px
}

div.pp_pic_holder .pp_top {
    position: relative;
    height: 20px
}

* html div.pp_pic_holder .pp_top {
    padding: 0 20px
}

div.pp_pic_holder .pp_top .pp_left {
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px
}

div.pp_pic_holder .pp_top .pp_middle {
    position: absolute;
    left: 20px;
    right: 20px;
    height: 20px
}

* html div.pp_pic_holder .pp_top .pp_middle {
    position: static;
    left: 0
}

div.pp_pic_holder .pp_top .pp_right {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: 20px;
    height: 20px
}

div.pp_pic_holder .pp_content {
    position: relative;
    text-align: left;
    width: 100%;
    height: 40px
}

div.pp_pic_holder .pp_content .pp_details {
    display: none;
    margin: 10px 15px 2px 20px
}

div.pp_pic_holder .pp_content .pp_details p.pp_description {
    display: none;
    float: left;
    margin: 0
}

div.pp_pic_holder .pp_content .pp_details .pp_nav {
    float: left;
    margin: 3px 0 0 0
}

div.pp_pic_holder .pp_content .pp_details .pp_nav p {
    float: left;
    margin: 2px 4px
}

div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous,
div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next {
    float: left;
    display: block;
    width: 14px;
    height: 15px;
    overflow: hidden;
    text-indent: -10000px;
    margin-top: 3px
}

div.pp_pic_holder .pp_content div.pp_hoverContainer {
    position: absolute;
    z-index: 2000;
    top: 0;
    left: 0;
    width: 100%
}

div.pp_pic_holder .pp_content a.pp_next {
    display: block;
    float: right;
    text-indent: -10000px;
    width: 49%;
    height: 100%;
    background: url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat
}

div.pp_pic_holder .pp_content a.pp_previous {
    display: block;
    float: left;
    text-indent: -10000px;
    width: 49%;
    height: 100%;
    background: url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat
}

div.pp_pic_holder .pp_content a.pp_expand,
div.pp_pic_holder .pp_content a.pp_contract {
    position: absolute;
    z-index: 20000;
    top: 10px;
    right: 30px;
    cursor: pointer;
    display: none;
    text-indent: -10000px;
    width: 20px;
    height: 20px
}

div.pp_pic_holder .pp_content a.pp_close {
    float: right;
    display: block;
    text-indent: -10000px
}

div.pp_pic_holder .pp_bottom {
    position: relative;
    height: 20px
}

* html div.pp_pic_holder .pp_bottom {
    padding: 0 20px
}

div.pp_pic_holder .pp_bottom .pp_left {
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px
}

div.pp_pic_holder .pp_bottom .pp_middle {
    position: absolute;
    left: 20px;
    right: 20px;
    height: 20px
}

* html div.pp_pic_holder .pp_bottom .pp_middle {
    position: static;
    left: 0
}

div.pp_pic_holder .pp_bottom .pp_right {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: 20px;
    height: 20px
}

div.pp_pic_holder .pp_loaderIcon {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -12px;
    width: 24px;
    height: 24px
}

div.pp_pic_holder #pp_full_res {
    display: block;
    margin: 0 auto;
    width: 100%;
    text-align: center
}

div.pp_pic_holder #pp_full_res object,
div.pp_pic_holder #pp_full_res embed {
    visibility: hidden
}

div.ppt {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    color: #fff;
    font-size: 17px
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* End hide from IE-mac */
.counter {
    float: left;
    margin-right: 10px;
    border-top: 10px solid #ffffff;
}

.counter1 {
    float: right;
    border-top: 10px solid #ffffff;
}

.addComment {
    border: 0;
    padding: 0;
    font-size: .9em;
    margin-bottom: 10px;
}

.addComment p {
    margin: 5px 0;
}

.addComment p.ar label {
    float: left;
    font-size: 1em;
    font-weight: bold;
}

.addComment p.ar {
    text-align: right;
    clear: left;
}

.addComment p.scode {
    height: 30px;
    line-height: 30px;
    font-size: 0.9em;
}

.addComment p.scode img {
    vertical-align: middle;
}

.addComment input,
.addComment textarea {
    margin: 0;
    padding: 0;
}

.addComment textarea {
    width: 100%;
    height: 120px;
}

.addComment input[type="submit"] {
    background-color: #e87b24;
    border: 0;
    padding: 5px;
    color: #FFFFFF;
    font-size: 1em;
}

.comments {
    padding: 0 15px;
    margin: 20px 0;
    border-left: 1px #ccc dotted;
    border-right: 1px #ccc dotted;
}

.comments h2 {
    font-size: 18px;
    color: #1a2535;
}

.comment hr {
    clear: right;
}

.comment {
    margin: 15px 0;
    overflow: hidden;
}

.comment .likes {
    float: right;
    width: 65px;
}

.comment .likes img {
    cursor: pointer;
}

.comment .message {
    /*margin-right: 85px;*/
    font-size: .8em;
}

.comment .data {
    margin-bottom: 10px;
}

.comment .data span {
    padding-right: 15px;
    font-size: 1em;
}

.comment .data span.date {
    float: right;
}

.comment .data span.name {
    font-weight: bold;
}

.comment .data span div {
    font-size: 1em !important;
    display: inline !important;
}

.comment .data span div img {}

.site-table {
    width: 100%;
    border-collapse: collapse;
    margin: 15px 0;
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #000000;
}

.site-table caption caption {
    padding: 0 0 2px 5px;
    text-align: left;
    font-weight: bold;
}

.site-table tr:nth-child(odd) td {
    background-color: #f5f5f5;
}

.site-table th,
.site-table td {
    padding: 5px 8px 5px 8px;
    font-size: 19px;
    text-align: left;
    border: 1px dotted #ddd;
    border-bottom: 1px solid #777777;
    background-color: #FFFFFF;
}

.site-table th {
    border-right: 1px solid #FFFFFF;
    text-align: center;
    font-size: 14px;
    padding-top: 12px;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #ff9900;
    vertical-align: bottom;
}

.site-table td {
    border-right: 1px solid #777777;
    font-size: 14px;
    color: #000000;
}

.toggle-link {
    transition: transform 0.3s ease;
}

.toggle-link.rotated img {
    transform: rotate(90deg);
}

.subcat-wrap {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease, padding 0.5s ease;
    padding: 0;
    background: url(images/mcraft5_r2_c1.jpg) no-repeat bottom;
}

#mobile-top {
    display: none;
}

.catalog-table {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 2px;
    column-gap: 51px;
    justify-items: start;
}

#items-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 2px;
    margin-top: 5px;
}

.right-mobile {
    display: flex;
}

.lang-wrap {
    position: relative;
}

.lang-block {
    margin-right: 28px;
}

#lang_checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 0;
    height: 0;
}

label.lang-block {
    display: inline-block;
}

.lang-block a, label.lang-block {
    font: bold 17px Tahoma;
    color: #1a2535;
    text-transform: uppercase;
    cursor: pointer;
}

.lang-block a:hover,
.lang-block a:active,
.lang-block a:visited {
    text-decoration: none;
}

.category-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.category-list-item {
    flex: 0 0 calc(33.333% - 4px);
    box-sizing: border-box;
    padding: 2px;
}

.category-item-name {
    display: flex;
    align-items: center;
    height: 60px;
    background-color: rgb(239, 239, 239);
    border: 1px solid #efefef;
    border-radius: 12px 12px 0 0;
    padding: 0 14px;
}

.category-list-title {
    width: 100%;
    text-align: center;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}

.subcategory-list {
    border: 1px solid #efefef;
    padding: 2px 15px 2px 2px;
}

.subcategory {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 3px 0px;
}

.subcategory a {
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-size: 12px;
    font-family: Tahoma Regular, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    color: #70767d;
    font-weight: bold;
    text-decoration: none;
}

.subcategory a:hover {
    font-size: 12px;
    color: #e87b24;
    font-weight: bold;
    text-decoration: underline;
}

.product-container {
    display: grid;
    grid-template-columns: 200px auto;
    grid-template-rows: 50px auto;
    grid-template-areas: 'img . ' 'img .';
    margin-bottom: 10px;
    margin: 0 auto;
}

.product-image {
    grid-area: img;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 200px;
}

.product-content {
    margin-left: 10px;
}

.product-header {
    text-align: center;
    margin-left: 10px;
    padding-right: 10px;
}

.product-header h1 {
    font-size: 15px;
    /* color: #1a2535; */
    color: #1a2535;
    margin-left: 10px;
}

.logo_image {
    width: 150px;
}

.gallery-container {
    display: flex;
    flex-wrap: wrap;
    /* space-between разогнал бы плитки, когда border-box высвободил 4px:
       зазор остаётся 4px, запас уходит вправо. 18.08.2026 */
    justify-content: flex-start;
    margin-bottom: 16px;
    gap: 12px;
}

.product-image a:first-child {
    /* margin-bottom: 18px; */
}

.product-image .tabletitletext {
    line-height: 22px;
}

.gallery-img {
    /* width: 100px; */
    /* Рамка 1px без border-box прибавлялась снаружи: 2 x (50% - 4px + 2px)
       + gap 4px = ровно 100%. На 110% зума округление переполняло строку,
       и вторая миниатюра уезжала вниз. 18.08.2026 */
    box-sizing: border-box;
    /* Ширина считается от того же gap, что стоит у контейнера: при gap 12px
       и старой ширине calc(50% - 4px) строка выходила на 100% + 4px, и вторая
       миниатюра падала вниз — галерея вставала в одну колонку. 19.08.2026 */
    width: calc((100% - 12px) / 2);
    text-align: center;
    border: 1px solid;
    border-color: #cecece;
    /* margin-bottom: 3px; */
}

.mobile-product-title {
    display: none;
}

.product-featured-img {
    width: 200px;
    border: 1px solid;
    border-color: #cecece;
}

.item_price {
    font-size: 12px;
}

.basket-buttons {
    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: 10px;
    gap: 5px;
}

.basket-buttons a {
    margin: 0px;
}

.product-table-row {
    background-color: #ddd;
}

.item_photo img {
    max-width: 100%;
}

.page-content {
    font-size: 13px;
    color: #565b60;
}

.feedback .formtext {
    text-align: right;
}

.feedback td {
    padding: 3px;
}

.feedback .inputform {
    width: 300px;
}

.feedback select {
    width: 305px;
}

.feedback .right_td {
    color: rgb(239, 239, 239);
}



.g-recaptcha>div {
    margin: 0 auto;
}


@media screen and (max-width: 1000px) {
    #container {
        width: 100%;
    }

    #top,
    #menu,
    #lang {
        display: none;
    }

    .catalog-table,
    #items-list {
        grid-template-columns: repeat(2, 1fr);
        justify-items: start;
    }

    #leftblock {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    #footer {
        height: 125px;
        background: none;
        background-size: contain;
        margin-bottom: 10px;
    }

    .footer-container {
        width: calc(100% - 20px);
        margin: 0 auto;
        background: #1a2535;
        height: 125px;
        background-size: contain;
    }

    #footerleft,
    #footerright {
        height: 125px;
        background-size: cover;
    }

    #footerright {
        width: 9px;
    }

    .newfooter {
        margin: 0 10px;
        margin-top: 20px;
    }


    #leftblock .block:first-child {
        order: 1;
    }

    #leftblock .block:nth-child(2) {
        order: 2;
    }

    #leftblock .block:nth-child(3) {
        display: none;
        order: 3;
    }

    #leftblock .share42init {
        order: 4;
    }

    #sitemap {
        margin-top: 35px !important;
        margin-bottom: 20px;
        padding: 0 10px;
        margin: 35px 0 20px 0;
        /* task 2*/
    }

    form[name=searchform] {
        /* task 2*/
        padding-left: 0;
    }

    #content {
        float: left;
        margin-left: 0px;
        width: 100%;
    }

    .sitepages_content {
        width: 95%;
        margin: 0 auto;
        display: block;
        text-align: justify;
        font-size: 13px;
    }

    /**
    All styles of .search-form are in blocks/block-Search.php
     */
    .search-form {
        margin-top: 15px !important;
    }

    #mobile-top {
        display: block;
    }

    .mobile-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 10px;
    }

    .mobile-row:first-child {
        height: 100px;
    }

    .mobile-row .left-mobile {
        margin-right: 20px;
    }

    #mobile-logo {
        width: 200px;
        height: auto;
        margin-left: -10px;
    }

    #content table {
        padding: 0 10px;
    }

    #mobile-top a {
        font-size: 14px;
        font-weight: bold;
    }

    #mobile-top .lang-block a,
    #mobile-top label.lang-block,
    #mobile-top .lang-box a {
        font-size: 16px;
    }

    #mobile-top #basket {
        padding-top: 0px;
        height: auto;
        position: initial;
    }

    .search-form .inputsearch {
        max-width: 88%
    }

    #menu_checkbox {
        display: none;
    }

    a.menutext {
        font-size: 15px;
    }

    a.menutext:hover,
    a.menutext:focus,
    a.menutext:active {
        font-size: 15px;
    }

    .block {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .brands {
        display: none;
    }

    .item_name a {
        font-size: 14px;
    }

    a.podrobnee {
        font-size: 14px;
        padding-top: 2px;
    }

    #lang_checkbox {
        display: none;
    }
    #lang_checkbox:checked ~ .lang-box {
        display: block !important;
    }

    .lang-box {
        display: none;
        position: absolute;
        min-width: 140px;
        padding: 5px;
        top: 29px;
        left: -78px;
        background-color: #fff;
        box-shadow: 0 0 10px #7a7a7a;
        z-index: 10;
    }

    .lang-box .lang {
        float: left;
        margin-top: 0px;
        width: 35px;
    }

    #leftblock .block:first-child {
        /* width: 210px;*/
    }

    .catalogitem {
        width: 100%;
        background-repeat: repeat-x;
        float: right;
    }

    .subcat-wrap {
        background-repeat: repeat-x;
    }

    a.ccat2text {
        font-size: 15px;
        line-height: 24px;
    }

    a.ccat2text:hover {
        font-size: 15px;
        line-height: 24px;
    }

    .info-block {
        padding: 0 10px;
    }

    .comments {
        padding: 0 10px;
        border: none;
    }

    .addComment input,
    .addComment textarea {
        width: 100% !important;
        float: left;
        margin-bottom: 10px;
    }

    .lang-block a {
        font-size: 16px;
    }

    label {
        display: block;
        /*position: absolute;*/
        top: 32px;
        width: 25px;
        height: 25px;
        cursor: pointer;
    }

    label:before {
        /*content: "";
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;*/
    }

    label div {
        position: relative;
        top: 0;
        height: 3px;
        background-color: #8b8a8a;
        margin-bottom: 6px;
        transition: 0.3s ease transform, 0.3s ease top, 0.3s ease width,
            0.3s ease right;
        border-radius: 2px;
    }

    label div:first-child {
        transform-origin: 0;
    }

    label div:last-child {
        margin-bottom: 0;
        transform-origin: 25px;
    }

    label div:nth-child(2) {
        right: 0;
        width: 25px;
    }

    #menu_checkbox:checked+label:before {}

    #menu_checkbox:checked+label div:first-child {
        top: -3px;
        transform: rotateZ(45deg);
    }

    #menu_checkbox:checked+label div:last-child {
        top: 3px;
        transform: rotateZ(44deg);
    }

    #menu_checkbox:checked+label div:nth-child(2) {
        width: 35px;
        top: 0;
        right: 6.5px;
        transform: rotateZ(-45deg);
    }

    #menu_checkbox:checked~.mobile-menu {
        display: block;
    }

    .mobile-menu {
        display: none;
        position: absolute;
        top: 100px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        background-color: #fff;
        z-index: 999;
    }

    .mobile-menu ul {
        list-style-type: none;
        padding-left: 0px;
    }

    .mobile-menu ul li {
        display: flex;
        align-items: center;
        height: 40px;
        padding-left: 15px;
        border-bottom: 1px solid grey;
    }

    .product-container {
        display: grid;
        grid-template-columns: 200px auto;
        grid-template-rows: 50px auto;
        grid-template-areas: 'img . ' 'img .';
        width: calc(100% - 20px);
    }

    .product-image {
        grid-area: img;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .product-content {
        margin-left: 10px;
    }

    .product-header {
        /*      padding-bottom: 15px;*/
    }

    .logo_image {
        width: 200px;
    }


    .page-content {
        padding: 0 10px;
    }

    #content .formtext {
        margin: 0 10px !important;
    }

    .brands_item

    /* brands on brands page*/
        {
        width: 95%;
        display: block;
        margin: 0 auto;
    }

    .brands_logo {
        text-align: center;
        padding: 5px 0 10px 0;
    }

    .brands_logo img {
        width: 200px !important;
    }

    .brands_descr {
        text-align: center;
    }

    .brands_descr .descriptiontext {
        text-align: justify;
    }

    .brands_dotted {
        height: 2px;
        margin: 2px 0 3px 0;
        background: url(images/mcraft5_r2_c1.jpg) repeat-x;
    }

    .cart_item {
        display: grid;
        grid: auto auto /80px 50px 80px 1fr;
        gap: 3px 3px;
    }

    .cart_item>div {
        /*border: 1px solid #000;*/
        padding: 0;
    }

    .cart_item_img {
        padding-right: 3px !important;
    }


    .cart_item_descr {
        grid-area: 1/2/auto / span 4;
        padding-left: 2px !important;
    }

    .cart_item_count {
        grid-area: 2 / 2 / 2 / 2;
        width: 50px;
        display: flex;
        justify-content: start;
        align-items: center;
    }

    .cart_item_price {
        grid-area: 2 / 3 / 2 / 3;
        width: 80px;
        display: flex !important;
    }

    .cart_item_price span {
        margin: auto;
    }

    .cart_item_del {
        grid-area: 2 / 4 / 2 / 4;
        width: 70px;
        display: flex !important;
        justify-content: center;
    }

    .cart_item_del label {
        order: 2;
        display: flex;
        align-items: center;
        padding-left: 3px;
    }

    .cart_item_del input {
        order: 1;
    }

    .cart_item_hr {
        margin-top: 2px;
        margin-bottom: 5px;
    }





    /* #accountLogin {display:none;}*/
}

@media (max-width: 480px) {

    html,
    body {
        overflow-x: hidden;
        margin: 0;
        padding: 0;
    }

    /*img,
    table {
        max-width: 100%;
        height: auto;
    }*/
    .catalog-table,
    #items-list {
        grid-template-columns: repeat(1, 1fr);
    }

    .search-form .inputsearch {
        max-width: 83%;
    }

    #leftblock {
        justify-content: center;
    }

    #content {
        margin: 0px auto;
        width: 100%;
    }

    .sitepages_content {
        font-size: 15px;
    }

    #footer {
        height: 150px;
    }

    .footer-container {
        height: 150px;
    }

    #footerleft,
    #footerright {
        height: 150px;
    }

    .category-list {
        justify-content: center;
        margin: 5px 0;
    }

    .category-list-item {
        flex: 0 0 calc(100% - 20px);
        padding: 1px;
        margin: 5px 0;
    }

    a.ccat1text {
        font-size: 14px;
    }

    a.ccat1text:hover {
        font-size: 14px;
    }

    .subcategory {
        padding: 6px 0px;
    }

    .subcategory a {
        font-size: 14px;
    }

    .product-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: calc(100% - 20px);
    }

    .product-header {
        padding-right: 0;
        padding-bottom: 25px;
    }

    .product-header h1 {
        font-size: 22px !important;
    }

    .product-content {
        margin-left: 10px;
        padding-top: 0 !important;
    }

    .product-image {
        width: 80%;
    }

    .product-featured-img {
        width: 80% !important;
        border: none !important;
    }

    .product-image a:nth-child(2) {
        text-align: center;
    }

    .descriptiontext {
        font-size: 15px;
        margin-top: 8px;
        margin-bottom: 10px;
    }

    .item {
        width: 285px;
        height: 350px;
        margin: 5px 0px;
    }

    .item_name {
        width: 200px;
        overflow: inherit;
        margin-top: 10px;
    }

    .item_photo {
        width: 240px;
        height: 180px;
        margin-top: 25px;
    }

    .item_info {
        margin-top: 196px;
    }

    .item_photo img {
        width: auto !important;
        max-width: 100%;
        height: 180px;
    }

    .item_name a {
        font-size: 16px;
    }

    .item_price {
        font-size: 14px;
        height: 25px !important;
    }

    a.podrobnee {
        background-size: cover;
        background-image: linear-gradient(180deg, #22304a 0%, #1a2535 55%, #16202e 100%);
        background-repeat: no-repeat;
        font-size: 16px;
        padding-top: 3px;
        font-family: Tahoma, Vernada, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
        width: 192px;
        height: 30px;
        line-height: 25px;
    }

    a.podrobnee:hover {
        background-size: cover;
        background-image: linear-gradient(180deg, #f08c33 0%, #e87b24 55%, #cf6a1a 100%);
        background-repeat: no-repeat;
        font-size: 16px;
        padding-top: 3px;
        font-family: Tahoma,
            Vernada,
            Arial,
            Trebuchet MS,
            Sans-Serif,
            Georgia,
            Courier,
            Times New Roman,
            Serif;
        width: 192px;
        height: 30px;
        line-height: 25px;
    }

    .subcategory a:hover {
        font-size: 14px;
    }

    .codetext {
        margin-bottom: 3px;
        margin-top: 8px;
        font-size: 12px;
    }

    .product-table-row .codetext {
        word-break: break-all;
    }

    .basket-buttons {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
    }

    form[name="basket"] {
        padding: 0 10px;
    }

    form[name="loginform"] a.podrobnee {
        background: linear-gradient(180deg, #22304a 0%, #1a2535 55%, #16202e 100%);

        font-size: 11px;
        line-height: 15px;

        padding-top: 3px;

        width: 130px;

        height: 22px;

        display: block;

        text-align: center;
    }


    /*    .recapcha-block {
        height: 107px;
    }
    .recapcha-block td:first-child {
        display:none;
    }*/
    /*    .g-recaptcha {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        margin-top: -49px;
    }*/
    /*    .changepass {
      width: 300px!important;
        margin: 0!important;
        text-align: right;
    }*/
    /*        .feedback table tr td {
            max-width: 200px;
        }*/
    .feedback .inputform {
        max-width: 200px;
    }

    .feedback select {
        max-width: 205px;
    }

    .feedback div.form_padding {
        padding: 12px 0;
    }




    .page-content {
        font-size: 15px;
    }

    .page-content img {
        width: 100% !important;
        height: auto !important;
        margin-bottom: 16px !important;
    }

    #content {
        padding-top: 10px;
    }

    #content .formtext {
        /*width: 300px!important;*/
        margin: 0 10px !important;
        padding: 0 10px;
    }

    .formtext .codetext {
        max-width: 50px;
    }

    .formtext input.inputform,
    .formtext select.selectform {
        width: 150px !important;
    }

    .settings_table .input_cell {
        padding: 3px !important;
    }

    .settings_table .input_cell input {
        width: 150px !important;
    }

    .settings_table .input_cell select {
        width: 155px !important;
    }



    #sitemap {
        height: auto;
    }
}

@media (max-width: 400px) {
    #content table {
        padding: 0px;
        /*margin: 0 -1px;*/
    }

    #leftblock {
        margin-top: 6px;
    }

    #footer {
        height: 175px;
    }

    .footer-container {
        height: 175px;
    }

    #footerleft,
    #footerright {
        height: 175px;
    }
}

/* было display:none — крошки на инфо-страницах вставали на 44 px выше,
   чем на остальных (КЭП, 18.08.2026) */
.page-sitepages .upperTop,
.page-account .upperTop {
    height: 44px !important;
}

.printpage-button {
    margin-top: 10px;
    font-size: 0.85rem;
    font-weight: bold;
}

/* === Category description (SEO content) — мелкий незаметный серый — 2026-05-13 v3 === */
.category-description,
.category-description * {
    font-size: 11px !important;
    color: #a8acb0 !important;
    line-height: 1.45 !important;
    font-family: 'Segoe UI', Tahoma, Verdana, Arial, sans-serif !important;
    font-weight: normal !important;
}
.category-description {
    text-align: justify !important;
    padding: 10px 0 !important;
    background: none !important;
    max-width: 100% !important;
}
.category-description p {
    margin: 0 0 6px 0 !important;
}
.category-description p:last-child {
    margin-bottom: 0 !important;
}

/* тень карточки сильнее при наведении (18.08.2026) */
.catalog-table .item:hover,
#items-list .item:hover {
    box-shadow: 0 6px 20px rgba(15, 25, 35, 0.28);
}

/* белый затухающий шлейф слева от кнопки IENAKT — отделяет логотип от сайдбара (18.08.2026) */
#menu::before {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 256px;
    height: 22px;
    background: linear-gradient(to right, rgba(123, 163, 200, 0) 0%, rgba(123, 163, 200, 0.06) 55%, rgba(123, 163, 200, 0.16) 100%);
    pointer-events: none;
}

#menu::after {
    content: "";
    position: absolute;
    right: 0;
    top: -1px;
    width: 50px;
    height: 22px;
    background: linear-gradient(to left, rgba(123, 163, 200, 0) 0%, rgba(123, 163, 200, 0.06) 55%, rgba(123, 163, 200, 0.16) 100%);
    pointer-events: none;
}

/* тень карточкам категорий — как у товарных (18.08.2026) */
.category-list-item {
    padding: 0;
    overflow: hidden;
    border-radius: 0;
    box-shadow: 0 2px 6px rgba(15, 25, 35, 0.08);
    transition: box-shadow .15s ease;
}

.category-list-item:hover {
    box-shadow: 0 3px 10px rgba(15, 25, 35, 0.14);
}

/* стрелка в пунктах подкатегорий: не растягивать по высоте при переносе на 2 строки (18.08.2026) */
.subcategory a.ccat2text img,
.subcategory-list a img {
    flex: 0 0 auto;
    align-self: flex-start;
    height: auto;
    margin-top: 4px;
}

/* страницы без блока поиска (контакты и т.п.): пустой .upperTop держал 60 px,
   из-за чего крошки уезжали ниже, чем на страницах с поиском.
   44 px = отступ поиска 14 + его высота 30 — ритм совпадает (18.08.2026) */
.upperTop {
    height: 44px !important;
}

/* тень фотографии товара — как у карточек (18.08.2026) */
.product-featured-img,
.item_photo img,
.product-gallery img {
    box-shadow: 0 3px 12px rgba(15, 25, 35, 0.18);
    transition: box-shadow .15s ease;
}

.product-featured-img:hover,
.product-gallery img:hover {
    box-shadow: 0 6px 20px rgba(15, 25, 35, 0.28);
}

/* карточки категорий: скругление только сверху (КЭП, 18.08.2026) */
.category-item-name,
.category-list-item {
    border-radius: 12px 12px 0 0 !important;
}

.category-list-item .subcategory-list {
    border-radius: 0 !important;
}

/* тень блоку контактов — как у карточек (18.08.2026) */
.riki-contact-wrap {
    box-shadow: 0 3px 12px rgba(15, 25, 35, 0.18);
}

/* системная подсветка в списках и галочках — нашим синим (19.08.2026) */
select, input, textarea, form {
    accent-color: #1a2535;
}

/* ── Бренды в сайдбаре: спокойная сетка вместо трёх случайных в рамках ──
   Вариант A, решение КЭПа 19.08.2026. Логотипы серые, в цвет — при наведении. */
.brands {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    align-items: center;
    justify-items: start;
    margin: 29px 0 18px;
    padding: 0;
}

.brands .brand {
    margin: 0;
    width: 200px;
    line-height: 0;
    font-size: 0;
    padding: 0 !important;
    height: auto !important;
    background: none !important;
}

.brands .brand a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    padding: 6px 10px;
    border: 1px solid #1a2535;
    border-radius: 8px;
    background: #fff;
    box-sizing: border-box;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.brands .brand a:hover {
    border-color: #e87b24;
    box-shadow: 0 2px 8px rgba(15, 25, 35, 0.10);
}

.brands .brand img {
    max-width: 100%;
    max-height: 40px;
    width: auto;
    height: auto;
    padding: 0 !important;
    filter: grayscale(1);
    opacity: .55;
    transition: filter .2s ease, opacity .2s ease;
}

.brands .brand a:hover img {
    filter: grayscale(0);
    opacity: 1;
}

/* Название категории в две строки роняло стрелку на третью строку: текст и стрелка
   были двумя float-ами внутри 200-пиксельного блока, и после переноса стрелке
   не оставалось места. Флекс держит её справа от текста при любой длине названия.
   У блока услуг (block-Uslugi) внутри одна ссылка — правило > a оставляет его как был. */
.catalogitem {
    display: flex;
    align-items: flex-start;
    gap: 6px;
}

.catalogitem > div:first-child {
    flex: 1 1 auto;
    min-width: 0;
}

.catalogitem > div + div {
    flex: 0 0 auto;
    margin-top: 3px;
}

.catalogitem > a {
    flex: 1 1 auto;
}

.catalogitem .toggle-link img {
    display: block;
    width: 8px;
    height: 17px;
}

/* Карточки разделов на /catalog.html — тем же цветом, что шлейф у кнопок:
   фирменный голубой #7ba3c8 при 16% прозрачности даёт на белом ровно #eaf0f6.
   КЭП 19.08.2026 */
.category-item-name {
    background-color: #eaf0f6 !important;
}

/* Под последним названием в карточке раздела шла линия — это нижняя грань
   рамки вокруг списка. Убираем её, боковые и верхнюю оставляем. КЭП 19.08.2026 */
.category-list-item .subcategory-list {
    border-bottom: none;
}

/* Тень принадлежала карточке, а рамка — внутреннему списку: тень ложилась
   поверх краёв и при наведении граница размывалась. Рамку переносим на саму
   карточку — теперь граница и тень на одном элементе, и рамка рисуется
   поверх тени. КЭП 19.08.2026 */
.category-list-item {
    border: 1px solid #e2e6ea;
    border-radius: 12px 12px 4px 4px;
}

.category-list-item .subcategory-list {
    border: none;
}

/* Названия в карточке начинались в 3px от края, тогда как фотография в шапке
   отстоит на 15px. Даём тексту отступ по золотому ряду — 13px. КЭП 19.08.2026 */
.category-list-item .subcategory {
    padding-left: 13px;
    padding-right: 8px;
}

/* Скругление карточки — как у окна поиска, 7px (было 12px). КЭП 19.08.2026 */
.category-list-item {
    border-radius: 7px 7px 0 0 !important;
}

/* Радиус шапки убран: карточка с overflow:hidden обрезает её собственной
   дугой, и между двумя дугами не остаётся светлой нити. КЭП 19.08.2026 */
.category-list-item .category-item-name {
    border-radius: 0 !important;
}

/* Сетка витрины: правый край карточек не доходил до правого края поиска на
   37px. Две причины: у #content правый отступ 55px против 50px у поиска, а
   карточка держала жёсткие 195px внутри колонки в 229px и прижималась влево.
   Теперь контент кончается там же, где поиск, карточка занимает всю колонку,
   а промежуток задан явно — 34px по золотому ряду. КЭП 19.08.2026 */
#content {
    margin-right: 50px;
}

#items-list {
    column-gap: 34px;
}

#items-list .item {
    width: auto;
    box-sizing: border-box;
}

/* Кнопка и артикул в карточке подняты на 2px каждый: кнопке отрицательный
   отступ сверху, артикулу — на 2px меньше прежних девяти. КЭП 19.08.2026 */
/* у кнопки в разметке инлайн margin:0 auto — без !important не перебить */
/* без привязки к #items-list: на главной карточки лежат в .catalog-table */
.item .podrobnee {
    margin-top: -3px !important;
}

.item .codetext {
    margin-top: 6px;
}




/* Полоса отбора над витриной. Устройство взято с instrumenti.lv — бренд,
   сортировка и счётчик найденного в одну строку, — но оформление наше,
   светлое: подложка как у карточек, поля как окно поиска, оранжевым только
   число найденного. Тёмную плашку instrumenti сюда не тащим. КЭП 19.08.2026 */
.filter-bar {
    background: #eaf0f6;   /* цвет шлейфа у кнопок — КЭП 19.08.2026 */
    border: 1px solid #e2e6ea;
    border-radius: 7px;
    padding: 10px 13px;
    margin: 8px 0 13px;
}

.filter-controls {
    display: flex;
    align-items: center;
    gap: 13px;
    flex-wrap: wrap;
}

.filter-bar .filter-select {
    background: #ffffff;
    color: #1f2733;
    border: 1px solid #cfd6dd;
    border-radius: 7px;
    height: 30px;
    padding: 0 9px;
    font-family: Inter, Arial, sans-serif;
    font-size: 13px;
    min-width: 180px;
    box-sizing: border-box;
    cursor: pointer;
    transition: border-color .15s ease;
}

.filter-bar .filter-select:hover,
.filter-bar .filter-price-input:hover {
    border-color: #e87b24;   /* при наведении оранжевый, не голубой — КЭП 19.08.2026 */
}

.filter-bar .filter-select:focus {
    border-color: #e87b24;
    outline: none;
}

.filter-bar .filter-count {
    margin-left: auto;
    color: #1f2733;
    font-family: Inter, Arial, sans-serif;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}

.filter-bar .filter-count b {
    color: #e87b24;
}

/* Диапазон цены и печать в полосе отбора. КЭП 19.08.2026 */
.filter-bar .filter-price {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.filter-bar .filter-price-input {
    background: #ffffff;
    color: #1f2733;
    border: 1px solid #cfd6dd;
    border-radius: 7px;
    height: 30px;
    width: 82px;
    padding: 0 8px;
    font-family: Inter, Arial, sans-serif;
    font-size: 13px;
    box-sizing: border-box;
    transition: border-color .15s ease;
}

.filter-bar .filter-price-input:focus {
    border-color: #e87b24;
    outline: none;
}

.filter-bar .filter-price-dash,
.filter-bar .filter-price-cur {
    font-family: Inter, Arial, sans-serif;
    font-size: 13px;
    color: #1f2733;
}

.filter-bar .filter-print {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin-left: 8px;
    background: #ffffff;
    border: 1px solid #cfd6dd;
    border-radius: 7px;
    color: #1f2733;
    text-decoration: none;
    transition: border-color .15s ease, color .15s ease;
}

.filter-bar .filter-print:hover {
    border-color: #e87b24;
    color: #e87b24;
}

/* Полоса отбора в одну строку: элементы не переносим, селекты делят
   свободное место, поля цены и промежутки поджаты. КЭП 19.08.2026 */
.filter-controls {
    flex-wrap: nowrap;
    gap: 8px;
}

.filter-bar .filter-select {
    min-width: 0;
    flex: 1 1 auto;
    max-width: 230px;
    font-size: 12px;
    padding: 0 6px;
}

.filter-bar .filter-price {
    flex: 0 0 auto;
    gap: 4px;
}

.filter-bar .filter-price-input {
    width: 66px;
    font-size: 12px;
    padding: 0 6px;
}

.filter-bar .filter-price-dash,
.filter-bar .filter-price-cur {
    font-size: 12px;
}

.filter-bar .filter-count {
    flex: 0 0 auto;
    font-size: 12px;
}

.filter-bar .filter-print {
    flex: 0 0 auto;
    margin-left: 4px;
}

/* При клике браузер рисует свой голубой контур. Заменяем на фирменный
   оранжевый — в поле поиска и в списках полосы отбора. КЭП 19.08.2026 */
.search-form .inputsearch:focus,
.search-form input[type="text"]:focus {
    outline: 2px solid #e87b24;
    outline-offset: -2px;
}

.filter-bar .filter-select option:checked,
.filter-bar .filter-select option:hover {
    background: #e87b24;
    color: #ffffff;
}

.filter-bar .filter-select:focus,
.filter-bar .filter-price-input:focus {
    outline: 2px solid #e87b24;
    outline-offset: -2px;
    border-color: #e87b24;
}

/* Собственный выпадающий список в полосе отбора: нативный на Windows
   раскрывает система, поэтому подсветка строки была системной синей, а шрифт
   и высота строк — не наши. Здесь всё своё. КЭП 19.08.2026 */
.fsel {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
    max-width: 230px;
    height: 30px;
    padding: 0 26px 0 9px;
    background: #ffffff;
    border: 1px solid #cfd6dd;
    border-radius: 7px;
    font-family: Inter, Arial, sans-serif;
    font-size: 12px;
    color: #1f2733;
    cursor: pointer;
    box-sizing: border-box;
    transition: border-color .15s ease;
    outline: none;
}

.fsel:hover,
.fsel:focus,
.fsel.fsel-open {
    border-color: #e87b24;
}

.fsel-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fsel-caret {
    position: absolute;
    right: 9px;
    top: 50%;
    width: 0;
    height: 0;
    margin-top: -2px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #7a838d;
}

.fsel.fsel-open .fsel-caret {
    border-top-color: #e87b24;
}

/* Раскрытый список ровно по ширине поля: 100% плюс две рамки, потому что
   отсчёт идёт от внутренней части поля, а левый край смещён на -1px.
   КЭП 19.08.2026 */
.fsel-list {
    display: none;
    position: absolute;
    left: -1px;
    top: 32px;
    width: calc(100% + 2px);
    min-width: 0;
    max-height: 260px;
    overflow-y: auto;
    background: #ffffff;
    border: 1px solid #cfd6dd;
    border-radius: 7px;
    box-shadow: 0 6px 20px rgba(15, 25, 35, 0.16);
    z-index: 50;
    padding: 3px;
    box-sizing: border-box;
}

.fsel.fsel-open .fsel-list {
    display: block;
}

.fsel-option {
    padding: 6px 9px;
    border-radius: 5px;
    font-family: Inter, Arial, sans-serif;
    font-size: 12px;
    line-height: 1.35;
    color: #1f2733;
    white-space: normal;   /* длинная строка переносится, а не растягивает список */
    cursor: pointer;
}

.fsel-option:hover {
    background: #eaf0f6;
}

.fsel-option.fsel-current {
    background: #e87b24;
    color: #ffffff;
}

/* Полоса отбора уже по высоте: отступы сверху и снизу с 10px до 5px.
   КЭП 19.08.2026 */
.filter-bar {
    padding: 5px 13px;
}

/* Полоса ещё уже: отступы 5px -> 2px, поля и списки 30px -> 28px.
   КЭП 19.08.2026 */
.filter-bar {
    padding: 2px 13px;
    margin: 6px 0 11px;
}

.filter-bar .filter-select,
.filter-bar .filter-price-input,
.filter-bar .filter-print,
.fsel {
    height: 28px;
}

.fsel-list {
    top: 30px;
}

/* Ещё компактнее: полоса 36px -> 30px, поля 28px -> 26px. КЭП 19.08.2026 */
.filter-bar {
    padding: 1px 13px;
}

.filter-bar .filter-select,
.filter-bar .filter-price-input,
.filter-bar .filter-print,
.fsel {
    height: 26px;
}

.fsel-list {
    top: 28px;
}

.filter-bar .filter-print svg {
    width: 15px;
    height: 15px;
}

/* Раскрытый список накрывает само поле: иначе выбранная строка читалась
   дважды — в поле и в списке. КЭП 19.08.2026 */
.fsel.fsel-open .fsel-list {
    top: -1px;
}

/* Описания разделов пришли из старого редактора с инлайновой заливкой:
   серый фон плюс белый текст. Цвет текста мы и так переопределяем на серый
   (.category-description *), поэтому получалось серое на сером и текст
   пропадал. Заливку внутри описания снимаем — фон задаёт только страница.
   КЭП 19.08.2026 */
.category-description *,
.sitepages_content .category-description * {
    background: none !important;
    background-color: transparent !important;
}

/* Таблица артикулов в карточке товара: серые шапка и строка заменены на
   цвет шлейфа — тот же, что в полосе отбора и карточках разделов.
   КЭП 19.08.2026 */
/* Голубой ставим туда, где был серый: строка товара (.product-table-row
   имела #ddd). Шапку таблицы не красим — она и была без заливки.
   КЭП 19.08.2026 */
.product-table-row {
    background-color: #eaf0f6;
}

.simple_table .tableitemtitletext {
    background-color: transparent;
}

/* В хлебных крошках выделяем оранжевым раздел, в котором находишься:
   последняя ссылка цепочки. Сам товар или текущий раздел идёт после неё
   обычным текстом и не подсвечивается. КЭП 19.08.2026 */
#sitemap a:last-of-type {
    color: #e87b24;
}

/* Стрелка рядом с подсвеченной крошкой — тем же оранжевым. КЭП 19.08.2026 */
#sitemap .crumb-sep-current {
    color: #e87b24;
}

/* Полоса под таблицей товара: слева раздел, куда вернуться, справа запрос
   информации и, если есть, скачивание PDF. Подложка та же, что у полосы
   отбора и строки товара. КЭП 19.08.2026 */
/* Без заливки: КЭП решил, что голубая полоса тут лишняя. Оставляем
   раскладку в строку и иконки. 19.08.2026 */
.item-links {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px 13px;
    background: none;
    border-radius: 0;
    padding: 4px 0;
    font-family: Inter, Arial, sans-serif;
    font-size: 12px;
    color: #1f2733;
}

.item-links-place,
.item-links-actions {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.item-links .item-links-icon {
    flex: 0 0 auto;
    color: #7a838d;
}

.item-links a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #e87b24;
    text-decoration: none;
    font-weight: 600;
}

.item-links a:hover {
    text-decoration: underline;
}

/* Иконка у запроса информации — того же серого, что иконка раздела рядом,
   оранжевым остаётся только текст ссылки. КЭП 19.08.2026 */
.item-links a .item-links-icon {
    color: #7a838d;
}

.item-links-pdf {
    margin-right: 4px;
}

/* Обе ссылки слева, одна под другой: справа мешает надпись про цену без PVN.
   КЭП 19.08.2026 */
.item-links {
    display: block;
    padding: 4px 0;
}

.item-links-place,
.item-links-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.item-links-actions {
    margin-top: 5px;
}

/* Надпись «Preces cena norādīta bez PVN» шла вплотную к ссылкам под таблицей
   и читалась как одна с ними группа. Приглушаем её и разводим по вертикали.
   КЭП 19.08.2026 */
.simple_table .codetext {
    font-size: 11px;
    color: #8a8f96;
    padding-top: 2px;
}

.item-links {
    margin-top: 14px !important;
}

/* Рамки таблиц в карточке товара приглушены: #cecece читался слишком
   заметно рядом со светлыми блоками. КЭП 19.08.2026 */
.simple_table td[style*="cecece"],
.simple_table th[style*="cecece"] {
    border-color: #e6e9ec !important;
}

/* Отступ описания от фотографии основного товара — такой же, как у
   сопутствующих: было 9px, стало 16px. КЭП 19.08.2026 */
.product-content {
    margin-left: 17px;
}

/* Комментарии свёрнуты и раскрываются ссылкой в полосе под товаром.
   КЭП 19.08.2026 */
.comments-fold {
    display: none;
}

.comments-fold.comments-open {
    display: block;
}

/* Ссылки в полосе идут строго одна под другой: раздел, запрос информации,
   комментарии. КЭП 19.08.2026 */
.item-links-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

/* Форма комментариев приведена к виду сайта: шрифт Inter вместо Tahoma,
   поля как в полосе отбора — рамка #cfd6dd, скругление 7px, высота 30px.
   Раньше это были системные поля с разной шириной и без скруглений.
   КЭП 19.08.2026 */
#comments-fold .comments {
    font-family: Inter, Arial, sans-serif;
    font-size: 13px;
    color: #1f2733;
}

#comments-fold h2 {
    font-family: Inter, Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #1f2733;
    margin: 0 0 10px 0;
}

#comments-fold .comments > br {
    display: none;
}

#comments-fold .addComment {
    border: 0;
    padding: 0;
    margin: 0;
}

#comments-fold .addComment p {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 8px 0;
}

#comments-fold .addComment label {
    font-size: 12px;
    color: #1f2733;
    flex: 0 0 auto;
    min-width: 62px;
}

#comments-fold .addComment input[type="text"] {
    flex: 1 1 auto;
    width: auto !important;
    height: 30px;
    box-sizing: border-box;
    border: 1px solid #cfd6dd;
    border-radius: 7px;
    padding: 0 9px;
    font-family: Inter, Arial, sans-serif;
    font-size: 13px;
    color: #1f2733;
    background: #fff;
    transition: border-color .15s ease;
}

#comments-fold .addComment textarea {
    width: 100% !important;
    min-height: 96px;
    box-sizing: border-box;
    border: 1px solid #cfd6dd;
    border-radius: 7px;
    padding: 8px 9px;
    font-family: Inter, Arial, sans-serif;
    font-size: 13px;
    color: #1f2733;
    resize: vertical;
    transition: border-color .15s ease;
}

#comments-fold .addComment input[type="text"]:focus,
#comments-fold .addComment textarea:focus {
    border-color: #e87b24;
    outline: none;
}

#comments-fold .scode {
    gap: 9px;
    font-size: 12px;
    color: #70767d;
}

#comments-fold .scode input[name="check"] {
    flex: 0 0 92px;
    width: 92px !important;
}

#comments-fold .scode img {
    border-radius: 5px;
    vertical-align: middle;
}

#comments-fold input[type="submit"] {
    height: 30px;
    padding: 0 15px;
    border: 0;
    border-radius: 7px;
    background: linear-gradient(180deg, #f08c33 0%, #e87b24 55%, #cf6a1a 100%);
    color: #ffffff;
    font-family: Inter, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    margin-left: auto;
}

/* Линии в форме тоньше и светлее: рамка вполпикселя цветом #e2e6ea.
   КЭП 19.08.2026 */
#comments-fold .addComment input[type="text"],
#comments-fold .addComment textarea {
    border-width: 0.5px;
    border-color: #e2e6ea;
}

#comments-fold .addComment input[type="text"]:focus,
#comments-fold .addComment textarea:focus {
    border-width: 0.5px;
    border-color: #e87b24;
}

/* Подсказки внутри полей — лёгким серым, как в окне поиска. Тяжёлых чёрных
   подписей «Komentāri» и «Vārds» больше нет. КЭП 19.08.2026 */
#comments-fold .addComment input::placeholder,
#comments-fold .addComment textarea::placeholder {
    color: #9aa1a8;
    font-family: Inter, Arial, sans-serif;
    font-size: 13px;
    opacity: 1;
}

#comments-fold .addComment input::-webkit-input-placeholder,
#comments-fold .addComment textarea::-webkit-input-placeholder {
    color: #9aa1a8;
}

#comments-fold .scode {
    color: #9aa1a8;
}

/* У блока комментариев была точечная рамка по бокам — убираем.
   КЭП 19.08.2026 */
#comments-fold .comments {
    border: 0;
    padding-left: 0;
    padding-right: 0;
}

/* Вход собран карточкой по образцу instrumenti.lv, но в светлом стиле riki.
   КЭП 19.08.2026 */
.login-card {
    max-width: 377px;
    margin: 34px auto 55px;
    padding: 34px;
    background: #ffffff;
    border: 1px solid #e2e6ea;
    border-radius: 7px;
    box-shadow: 0 6px 24px rgba(15, 25, 35, 0.10);
    font-family: Inter, Arial, sans-serif;
    text-align: left;
    box-sizing: border-box;
}

.login-logo {
    display: block;
    height: 42px;
    margin: 0 auto 21px;
}

.login-title {
    font-size: 20px;
    font-weight: 700;
    color: #1f2733;
    margin-bottom: 5px;
}

.login-sub {
    font-size: 12px;
    color: #70767d;
    margin-bottom: 21px;
}

.login-label {
    display: block;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: #8a8f96;
    margin-bottom: 5px;
}

.login-input {
    display: block;
    width: 100%;
    height: 38px;
    box-sizing: border-box;
    margin-bottom: 13px;
    padding: 0 11px;
    background: #fff;
    border: 1px solid #cfd6dd;
    border-radius: 7px;
    font-family: Inter, Arial, sans-serif;
    font-size: 13px;
    color: #1f2733;
    transition: border-color .15s ease;
}

.login-input:focus {
    border-color: #e87b24;
    outline: none;
}

.login-code {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 13px;
}

.login-code img {
    border: 1px solid #e2e6ea;
    border-radius: 7px;
}

.login-code .login-input {
    margin-bottom: 0;
}

.login-submit {
    display: block;
    width: 100%;
    height: 38px;
    margin-top: 8px;
    border: 0;
    border-radius: 7px;
    background: linear-gradient(180deg, #f08c33 0%, #e87b24 55%, #cf6a1a 100%);
    color: #ffffff;
    font-family: Inter, Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: filter .15s ease;
}

.login-submit:hover {
    filter: brightness(1.06);
}

.login-links {
    margin-top: 18px;
    text-align: center;
    font-size: 12px;
}

.login-links a {
    color: #e87b24;
    text-decoration: none;
}

.login-links a:hover {
    text-decoration: underline;
}

.login-links-dot {
    color: #b9c0c7;
    margin: 0 8px;
}


/* ── Регистрация и напоминание пароля ────────────────────────────────
   Та же карточка, что вход, только шире: поля идут в две колонки.
   Отступы по золотому ряду 8/13/21/34. КЭП 19.08.2026 */
.login-card-wide {
    max-width: 610px;
}

.login-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.login-row {
    width: 100%;
    margin-bottom: 13px;
}

.login-row-half {
    width: calc(50% - 8px);
}

.login-card .inputform,
.login-card .selectform {
    display: block;
    width: 100%;
    height: 38px;
    padding: 0 13px;
    box-sizing: border-box;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 13px;
    color: #1f2733;
    background: #ffffff;
    border: 1px solid #cfd6dd;
    border-radius: 7px;
    outline: none;
}

.login-card .selectform {
    padding-right: 34px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23e87b24' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 13px center;
}

.login-card .inputform:focus,
.login-card .selectform:focus {
    border-color: #e87b24;
}

/* подсказка «сначала выберите страну» на месте будущего списка */
.login-hint-inline {
    height: 38px;
    line-height: 38px;
    padding: 0 13px;
    font-size: 12px;
    color: #8a8f96;
    background: #ffffff;
    border: 1px solid #e3e8ee;
    border: 1px solid #e2e6ea;
    border-radius: 7px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* звёздочка обязательного поля */
.login-req {
    color: #e87b24;
}

/* сообщение проверки под полем */
.login-card .codetext {
    font-size: 11px;
    line-height: 15px;
    color: #c0392b;
}

.login-card .login-err:empty {
    display: none;
}

.login-card .login-err font {
    color: #c0392b !important;
}

/* «Я плательщик НДС» */
.login-check {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #1f2733;
    cursor: pointer;
}

.login-check input {
    width: 16px;
    height: 16px;
    margin: 0 8px 0 0;
    accent-color: #e87b24;
}

/* телефон: знак «+» слева, как было в старой форме */
.login-tel {
    display: flex;
    align-items: center;
}

.login-tel-plus {
    margin-right: 8px;
    font-size: 14px;
    color: #8a8f96;
}

/* строка про обязательные поля */
.login-note {
    margin: 8px 0 13px;
    font-size: 11px;
    line-height: 16px;
    color: #8a8f96;
    text-align: center;
}

.login-note font {
    color: #e87b24 !important;
}

/* капча: картинка и поле рядом */
.login-code {
    display: flex;
    align-items: center;
}

.login-code img {
    height: 38px;
    margin-right: 13px;
    border: 1px solid #cfd6dd;
    border-radius: 7px;
}

.login-code .login-input {
    width: 144px;
}

/* на узком экране карточка ужимается в одну колонку */
@media (max-width: 640px) {
    .login-row-half {
        width: 100%;
    }
}

/* галочка НДС стоит без подписи сверху — даём ей немного воздуха,
   иначе слипается с соседними рядами. КЭП 19.08.2026 */
.login-row .login-check {
    margin: 5px 0 8px;
}

/* ── Личный кабинет ──────────────────────────────────────────────────
   Та же карточка, что вход: сводка по счёту и плитки разделов вместо
   трёх гифок. КЭП 19.08.2026 */
.account-card {
    text-align: left;
}

.account-facts {
    display: flex;
    flex-wrap: wrap;
    margin: 21px 0 8px;
    padding: 13px 0;
    border-top: 1px solid #eaf0f6;
    border-bottom: 1px solid #eaf0f6;
}

.account-fact {
    width: 50%;
    padding: 5px 0;
    box-sizing: border-box;
}

.account-fact-label {
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #8a8f96;
}

.account-fact-value {
    display: block;
    margin-top: 2px;
    font-size: 13px;
    color: #1f2733;
}

.account-tiles {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 13px;
}

.account-tile {
    display: block;
    width: calc(33.333% - 9px);
    padding: 16px 13px;
    box-sizing: border-box;
    margin-bottom: 13px;
    text-align: center;
    text-decoration: none !important;
    color: #1f2733 !important;
    background: #ffffff;
    border: 1px solid #e2e6ea;
    border-radius: 7px;
    transition: border-color 0.15s, box-shadow 0.15s, background 0.15s;
}

.account-tile:hover {
    border-color: #e87b24;
    background: #fffaf5;
    box-shadow: 0 3px 12px rgba(232, 123, 36, 0.13);
}

.account-tile-icon {
    display: block;
    margin: 0 auto 8px;
    color: #e87b24;
}

.account-tile-name {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #1f2733;
}

.account-tile-note {
    display: block;
    margin-top: 3px;
    font-size: 11px;
    line-height: 15px;
    color: #8a8f96;
}

.account-tile-exit:hover {
    border-color: #c0392b;
    background: #fdf6f5;
    box-shadow: 0 3px 12px rgba(192, 57, 43, 0.12);
}

.account-tile-exit:hover .account-tile-icon {
    color: #c0392b;
}

@media (max-width: 640px) {
    .account-tile {
        width: 100%;
    }

    .account-fact {
        width: 100%;
    }
}

/* ── Настройки и заказы ──────────────────────────────────────────────
   Карточки идут одна под другой; таблица заказов — тонкие линии,
   тёмная шапка и статусы значками. КЭП 19.08.2026 */
.login-card + .login-card {
    margin-top: 21px;
}

/* мелкая поясняющая строка под полем */
.login-hint {
    margin-top: 5px;
    font-size: 11px;
    line-height: 15px;
    color: #8a8f96;
}

.login-submit-narrow {
    width: auto;
    min-width: 89px;
    padding: 0 21px;
}

/* раскрывающийся блок (подпись) */
.acc-fold {
    margin: 8px 0 13px;
    border: 1px solid #e2e6ea;
    border-radius: 7px;
}

.acc-fold-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 13px;
    font-size: 12px;
    color: #1f2733;
    cursor: pointer;
    user-select: none;
}

.acc-fold-head:hover {
    color: #e87b24;
}

.acc-fold-arrow {
    color: #e87b24;
    transition: transform 0.15s;
}

.acc-fold-open .acc-fold-arrow {
    transform: rotate(180deg);
}

.acc-fold-body {
    display: none;
    padding: 0 13px 13px;
}

.acc-fold-open .acc-fold-body {
    display: block;
}

/* аватар */
.acc-avatar {
    display: flex;
    align-items: center;
}

.acc-avatar-img {
    width: 90px;
    height: 90px;
    margin-right: 21px;
    object-fit: cover;
    border: 1px solid #e2e6ea;
    border-radius: 7px;
}

.acc-avatar-side .login-hint {
    margin: 0 0 8px;
}

/* таблица заказов */
.orders-scroll {
    overflow-x: auto;
    margin-top: 21px;
}

.orders-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.orders-table th {
    padding: 9px 10px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #ffffff;
    background: #1f2733;
    text-align: left;
    white-space: nowrap;
}

.orders-table th:first-child {
    border-radius: 7px 0 0 0;
}

.orders-table th:last-child {
    border-radius: 0 7px 0 0;
}

.orders-table td {
    padding: 10px;
    color: #1f2733;
    border-bottom: 1px solid #eaf0f6;
    vertical-align: middle;
}

.orders-table tr:hover td {
    background: #fafbfc;
}

.orders-num {
    width: 60px;
    white-space: nowrap;
}

.orders-num a {
    color: #e87b24 !important;
    font-weight: 600;
    text-decoration: none !important;
}

.orders-num a:hover {
    text-decoration: underline !important;
}

.orders-date {
    white-space: nowrap;
    color: #70767d;
}

.orders-sum {
    white-space: nowrap;
    font-weight: 600;
}

/* значок статуса */
.orders-mark {
    display: inline-block;
    padding: 3px 9px;
    font-size: 11px;
    line-height: 16px;
    border-radius: 21px;
    white-space: nowrap;
    background: #eaf0f6;
    color: #46586e;
}

.orders-mark.is-work {
    background: #fdf0e3;
    color: #b4631a;
}

.orders-mark.is-done {
    background: #e9f5ec;
    color: #2e7d47;
}

/* пусто */
.orders-empty {
    margin: 21px 0 8px;
    padding: 34px 21px;
    text-align: center;
    font-size: 13px;
    color: #8a8f96;
    background: #fafbfc;
    border: 1px solid #eaf0f6;
    border-radius: 7px;
}

.orders-empty svg {
    display: block;
    margin: 0 auto 13px;
    color: #cfd6dd;
}

.orders-empty-link {
    display: inline-block;
    margin-top: 13px;
    font-size: 13px;
    color: #e87b24 !important;
    text-decoration: none !important;
}

.orders-empty-link:hover {
    text-decoration: underline !important;
}

.orders-pages {
    margin-top: 13px;
    text-align: center;
    font-size: 12px;
}

/* Карточки кабинета во всю ширину колонки, значки статусов обычные.
   КЭП 19.08.2026 */
.login-card-wide {
    max-width: 100%;
}

.orders-mark {
    border-radius: 5px;
}


/* Заголовки карточек и поясняющая строка — по центру. КЭП 19.08.2026 */
.login-title,
.login-sub {
    text-align: center;
}


/* В личном кабинете боковую колонку убираем: каталог и бренды там мешают,
   а карточка получает всю ширину. КЭП 19.08.2026 */
body.page-account #leftblock {
    display: none;
}

body.page-account #content {
    margin-left: 55px;
    margin-right: 55px;
}

@media (max-width: 1000px) {
    body.page-account #content {
        margin-left: 13px;
        margin-right: 13px;
    }
}

/* Пустая строка крошек места не занимает. КЭП 19.08.2026 */
#sitemap:empty {
    display: none;
}


/* ── Корзина и оформление заказа ─────────────────────────────────────
   Тот же карточный стиль, что кабинет. Фото товара без рамки, позиции
   строками, итог и кнопки внизу. КЭП 19.08.2026 */
.cart-row {
    display: flex;
    align-items: flex-start;
    padding: 21px 0;
    border-bottom: 1px solid #eaf0f6;
}

.cart-row:first-of-type {
    border-top: 1px solid #eaf0f6;
    margin-top: 21px;
}

.cart-row-pic {
    flex: 0 0 89px;
    margin-right: 21px;
}

.cart-row-pic img {
    display: block;
    width: 89px;
    height: auto;
    border: 0;
    border-radius: 7px;
}

.cart-row-main {
    flex: 1 1 auto;
    min-width: 0;
    padding-right: 21px;
}

.cart-row-name {
    font-size: 14px;
    font-weight: 600;
    color: #1f2733 !important;
    text-decoration: none !important;
}

.cart-row-name:hover {
    color: #e87b24 !important;
}

.cart-row-star {
    color: #c0392b;
}

.cart-row-serial {
    margin-top: 3px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #8a8f96;
}

.cart-row-descr {
    margin-top: 8px;
    max-height: 60px;
    overflow: hidden;
    font-size: 12px;
    line-height: 20px;
    color: #70767d;
}

.cart-row-count {
    flex: 0 0 89px;
    text-align: center;
}

.cart-row-count .login-label {
    display: block;
    margin-bottom: 5px;
}

.cart-row-count .login-input {
    width: 55px;
    height: 34px;
    margin: 0 auto;
    text-align: center;
}

.cart-row-price {
    flex: 0 0 110px;
    padding-top: 21px;
    font-size: 14px;
    font-weight: 600;
    color: #e87b24;
    text-align: right;
    white-space: nowrap;
}

.cart-row-del {
    flex: 0 0 89px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 24px;
    font-size: 11px;
    color: #8a8f96;
    cursor: pointer;
}

.cart-row-del input {
    width: 15px;
    height: 15px;
    margin: 0 5px 0 0;
    accent-color: #c0392b;
}

.cart-row-del:hover {
    color: #c0392b;
}

/* итог */
.cart-total,
.checkout-total {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    margin-top: 21px;
    padding-top: 13px;
    border-top: 1px solid #eaf0f6;
}

.cart-total-label,
.checkout-total-label {
    margin-right: 13px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #8a8f96;
}

.cart-total-value,
.checkout-total-value {
    font-size: 21px;
    font-weight: 700;
    color: #1f2733;
}

.cart-note {
    margin-top: 8px;
    font-size: 12px;
    color: #c0392b;
    text-align: right;
}

/* кнопки корзины */
.cart-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-top: 21px;
}

.cart-btn {
    display: inline-block;
    height: 38px;
    margin-left: 13px;
    padding: 0 21px;
    font-size: 13px;
    line-height: 38px;
    color: #1f2733 !important;
    text-decoration: none !important;
    background: #ffffff;
    border: 1px solid #cfd6dd;
    border-radius: 7px;
}

.cart-btn:hover {
    border-color: #e87b24;
    color: #e87b24 !important;
}

.cart-btn-main {
    color: #ffffff !important;
    background: linear-gradient(180deg, #f08c33, #e87b24 55%, #cf6a1a);
    border-color: #cf6a1a;
}

.cart-btn-main:hover {
    color: #ffffff !important;
    background: linear-gradient(180deg, #f5983f, #ef8429 55%, #d97219);
    border-color: #cf6a1a;
}

.cart-btn.is-off {
    opacity: 0.35;
    cursor: default;
}

/* оформление заказа */
.checkout-subtitle {
    margin: 21px 0 0;
    font-size: 13px;
    font-weight: 600;
    color: #1f2733;
    text-align: center;
}

.checkout-otherlink {
    display: inline-block;
    margin-top: 13px;
    font-size: 13px;
    color: #e87b24 !important;
    text-decoration: none !important;
}

.checkout-otherlink:hover {
    text-decoration: underline !important;
}

.checkout-other {
    display: none;
    margin-top: 13px;
    padding: 21px;
    background: #fafbfc;
    border: 1px solid #eaf0f6;
    border-radius: 7px;
}

.checkout-agree {
    justify-content: center;
    margin: 13px 0 21px;
    font-size: 13px;
}

.checkout-agree a {
    color: #e87b24 !important;
    text-decoration: underline !important;
}

/* на страницах корзины и оформления боковая колонка с каталогом
   и строка поиска не нужны — покупатель уже выбрал товар */
body.op-cart #leftblock,
body.op-checkout #leftblock,
body.op-cart .searchblock,
body.op-checkout .searchblock,
body.op-cart #searchform,
body.op-checkout #searchform {
    display: none;
}

body.op-cart #content,
body.op-checkout #content {
    margin-left: 55px;
    margin-right: 55px;
}

@media (max-width: 1000px) {
    body.op-cart #content,
    body.op-checkout #content {
        margin-left: 13px;
        margin-right: 13px;
    }

    .cart-row {
        flex-wrap: wrap;
    }

    .cart-row-main {
        flex: 1 1 60%;
    }

    .cart-row-count,
    .cart-row-price,
    .cart-row-del {
        flex: 1 1 33%;
        padding-top: 13px;
        text-align: left;
    }
}

/* Без боковой колонки страница выходила вдвое короче обычной — футер
   подскакивал вверх. Держим привычную высоту (колонка каталога — 801 px).
   КЭП 19.08.2026 */
body.page-account #center,
body.op-cart #center,
body.op-checkout #center {
    min-height: 801px;
}

@media (max-width: 1000px) {
    body.page-account #center,
    body.op-cart #center,
    body.op-checkout #center {
        min-height: 0;
    }
}

/* Описание товара в корзине — три строки с многоточием, а не обрыв
   на полуслове. КЭП 19.08.2026 */
.cart-row-descr {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: none;
    text-overflow: ellipsis;
}

/* Удаление позиции одним кликом: красный крестик справа вместо галочки
   и кнопки «обновить». Сама галочка остаётся скрытой — на ней держится
   серверная обработка. КЭП 19.08.2026 */
.cart-row-del-input {
    display: none;
}

.cart-row-del-btn {
    flex: 0 0 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin-top: 18px;
    color: #b9c1c9 !important;
    text-decoration: none !important;
    border-radius: 7px;
    transition: color 0.15s, background 0.15s;
}

.cart-row-del-btn:hover {
    color: #c0392b !important;
    background: #fdf1ef;
}

/* Цена и крестик стоят ровно на линии поля количества: подпись «Skaits»
   занимает 17 px, на столько же опускаем соседей. Крестик красный
   и заметный — круг, при наведении заливается. КЭП 19.08.2026 */
.cart-row-price {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 34px;
    margin-top: 17px;
    padding-top: 0;
}

.cart-row-del-btn {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    margin-top: 19px;
    margin-left: 13px;
    color: #c0392b !important;
    background: #fdeceb;
    border-radius: 50%;
}

.cart-row-del-btn:hover {
    color: #ffffff !important;
    background: #c0392b;
}

/* Кнопка добавления к заказу: ширина по тексту, минимум прежний.
   КЭП 19.08.2026 */
a.incart,
a.incart:hover {
    width: auto;
    min-width: 96px;
    height: auto;
    min-height: 18px;
    padding: 0 8px;
    display: inline-block;
    box-sizing: border-box;
    white-space: nowrap;
}

/* ── Договор в отдельном окне ────────────────────────────────────────
   Открывается из оформления заказа окном 800x600. Тот же карточный вид,
   что на сайте. КЭП 19.08.2026 */
body.contract-page {
    margin: 0;
    padding: 21px 13px 34px;
    background: #ffffff;
    border: 1px solid #e3e8ee;
    font-family: 'Inter', Arial, sans-serif;
}

.contract-card {
    max-width: 692px;
    margin: 0 auto;
}

.contract-card .login-title {
    margin-bottom: 21px;
}

.contract-text {
    font-size: 13px;
    line-height: 21px;
    color: #46586e;
}

.contract-text p {
    margin: 0 0 13px;
}

.contract-text b,
.contract-text strong {
    color: #1f2733;
}

.contract-text a {
    color: #e87b24 !important;
}

/* Разбивка суммы: без налога, налог, к оплате. Приписка про доставку.
   КЭП 19.08.2026 */
.checkout-sums {
    margin-top: 21px;
    padding-top: 13px;
    border-top: 1px solid #eaf0f6;
}

.checkout-sum {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    margin-bottom: 5px;
    font-size: 13px;
    color: #70767d;
}

.checkout-sum span {
    margin-right: 13px;
}

.checkout-sum b {
    min-width: 144px;
    font-weight: 600;
    color: #1f2733;
    text-align: right;
}

.checkout-sums + .cart-total,
.checkout-sums + .checkout-total {
    margin-top: 8px;
    padding-top: 8px;
}

.checkout-total-value,
.cart-total-value {
    min-width: 144px;
    text-align: right;
}

.checkout-note {
    margin-top: 13px;
    font-size: 12px;
    line-height: 18px;
    color: #8a8f96;
    text-align: right;
}

/* Заголовок бланка заказа и оформления — на ступень меньше: страница
   рабочая, крупная шапка тут ни к чему. КЭП 19.08.2026 */
body.op-cart .login-title,
body.op-checkout .login-title {
    font-size: 17px;
}

/* Позиция в списке заказа: маленькое фото, название и артикул под ним.
   КЭП 19.08.2026 */
.checkout-item {
    display: flex;
    align-items: center;
    min-width: 260px;
}

.checkout-item-pic {
    width: 55px;
    height: 55px;
    margin-right: 13px;
    object-fit: contain;
    background: #ffffff;
    border-radius: 7px;
    flex: 0 0 55px;
}

.checkout-item-text {
    display: block;
    min-width: 0;
}

.checkout-item-name {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #1f2733 !important;
    text-decoration: none !important;
}

.checkout-item-name:hover {
    color: #e87b24 !important;
}

.checkout-item-serial {
    display: block;
    margin-top: 2px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #8a8f96;
}

/* заголовок карточки на оформлении — как в бланке заказа */
body.op-checkout .login-title {
    font-size: 17px;
}

/* подзаголовки «о продавце» и «о покупателе» одним шрифтом, по левому краю */
.checkout-subtitle {
    margin: 21px 0 0;
    font-size: 13px;
    font-weight: 600;
    color: #1f2733;
    text-align: left;
}

.login-title + .checkout-subtitle {
    margin-top: 13px;
}

/* ── Заказ принят ────────────────────────────────────────────────────
   Спокойная страница подтверждения: галочка, обращение, номер заказа
   и две дороги дальше. КЭП 19.08.2026 */
.order-done {
    text-align: center;
}

.order-done-mark {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    margin: 0 auto 13px;
    color: #2e7d47;
    background: #e9f5ec;
    border-radius: 50%;
}

.order-done-number {
    display: flex;
    align-items: baseline;
    justify-content: center;
    margin: 21px 0 13px;
    padding: 13px 0;
    border-top: 1px solid #eaf0f6;
    border-bottom: 1px solid #eaf0f6;
}

.order-done-number span {
    margin-right: 13px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #8a8f96;
}

.order-done-number b {
    font-size: 21px;
    font-weight: 700;
    color: #1f2733;
}

.order-done-text {
    font-size: 13px;
    line-height: 21px;
    color: #46586e;
}

.order-done-pay {
    margin-top: 13px;
    padding: 13px;
    font-size: 13px;
    line-height: 21px;
    color: #46586e;
    background: #fafbfc;
    border: 1px solid #eaf0f6;
    border-radius: 7px;
    text-align: left;
}

.order-done-note {
    margin-top: 13px;
    font-size: 12px;
    line-height: 18px;
    color: #8a8f96;
}

.order-done .cart-buttons {
    justify-content: center;
}

.order-done .cart-btn {
    margin: 0 5px;
}

/* на странице подтверждения каталог и поиск сбоку не нужны */
body.op-ordered #leftblock,
body.op-ordered .searchblock,
body.op-ordered #searchform {
    display: none;
}

body.op-ordered #content {
    margin-left: 55px;
    margin-right: 55px;
}

body.op-ordered #center {
    min-height: 801px;
}

@media (max-width: 1000px) {
    body.op-ordered #content {
        margin-left: 13px;
        margin-right: 13px;
    }

    body.op-ordered #center {
        min-height: 0;
    }
}

/* Логотип стоял в 88 px от верха, и до крошек оставалось слишком мало —
   опускаем его и даём крошкам отступ. КЭП 19.08.2026 */
#logo {
    margin-top: 96px;
}

#sitemap {
    margin-top: 21px;
}

/* правило выше перебивалось равным по весу — уточняем селектор */
body #sitemap {
    margin-top: 21px;
}

/* Правка шапки была не о том: наш логотип и крошки возвращаются на место. */
#logo {
    margin-top: 88px;
}

body #sitemap {
    margin-top: 10px;
}

/* Логотип бренда в карточке товара стоял в шести пикселях под крошками —
   даём ему воздух. КЭП 19.08.2026 */
.product-image .logo_image {
    margin-top: 21px;
}

/* На главной крошек нет, и витрина начиналась впритык к строке поиска —
   пять пикселей. Даём воздух. КЭП 19.08.2026 */
body.home #content {
    padding-top: 21px;
}

/* тот же зазор, что между меню и строкой поиска: 14 px с учётом
   собственного отступа карточки в 5 px. КЭП 19.08.2026 */
body.home #content {
    padding-top: 9px;
}

/* ── Информационные страницы (Доставка, Гарантии, О нас) ─────────────
   Отдельный вид: боковая колонка и строка поиска убраны, текст идёт
   читаемой колонкой во всю ширину страницы. КЭП 20.08.2026 */
body.page-sitepages #leftblock,
body.page-sitepages .searchblock,
body.page-sitepages #searchform,
body.page-sitepages form[name="searchform"] {
    display: none;
}

body.page-sitepages #content {
    margin-left: 55px;
    margin-right: 55px;
}

body.page-sitepages #center {
    min-height: 801px;
}

.sitepages_content {
    max-width: 820px;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 15px;
    line-height: 1.7;
    color: #46586e;
}

.sitepages_content h1 {
    margin: 0 0 21px;
    font-size: 26px;
    font-weight: 700;
    color: #1f2733;
    letter-spacing: -0.01em;
}

.sitepages_content h2 {
    margin: 34px 0 13px;
    font-size: 18px;
    font-weight: 700;
    color: #1f2733;
}

.sitepages_content h3 {
    margin: 21px 0 8px;
    font-size: 15px;
    font-weight: 600;
    color: #1f2733;
}

.sitepages_content p {
    margin: 0 0 13px;
}

.sitepages_content ul,
.sitepages_content ol {
    margin: 0 0 13px 21px;
    padding: 0;
}

.sitepages_content li {
    margin-bottom: 5px;
}

.sitepages_content strong {
    color: #1f2733;
}

.sitepages_content a {
    color: #e87b24;
    text-decoration: none;
}

.sitepages_content a:hover {
    text-decoration: underline;
}

/* карточка контактов из шаблонов instrumenti — в нашем светлом виде */
.sitepages_content .lg-card,
.sitepages_content .lg-note {
    display: block;
    margin: 21px 0;
    padding: 17px 21px;
    background: #fafbfc;
    border: 1px solid #eaf0f6;
    border-radius: 7px;
    color: #46586e;
}

.sitepages_content .lg-card-row {
    display: block;
    margin-bottom: 3px;
}

@media (max-width: 1000px) {
    body.page-sitepages #content {
        margin-left: 13px;
        margin-right: 13px;
    }

    body.page-sitepages #center {
        min-height: 0;
    }

    .sitepages_content {
        font-size: 14px;
    }
}

/* Типографика информационных страниц — та же, что на instrumenti.lv:
   Inter 14/1.45, заголовки 28 / 18 / 16, маркеры списка оранжевые.
   КЭП 20.08.2026 */
.sitepages_content {
    font: 14px/1.45 'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif;
    color: #46586e;
}

.sitepages_content h1 {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: -0.01em;
    color: #1f2733;
    margin: 0 0 18px;
}

.sitepages_content h2 {
    font-size: 18px;
    font-weight: 600;
    color: #e87b24;
    margin: 24px 0 12px;
}

.sitepages_content h3 {
    font-size: 16px;
    font-weight: 600;
    color: #46586e;
    margin: 20px 0 8px;
}

.sitepages_content p {
    margin: 10px 0;
}

.sitepages_content ul,
.sitepages_content ol {
    margin: 12px 0 16px 21px;
}

.sitepages_content li {
    margin: 6px 0;
}

.sitepages_content ul li::marker {
    color: #e87b24;
}

.sitepages_content strong {
    color: #1f2733;
    font-weight: 600;
}

/* Карточка контактов: устройство как на instrumenti.lv — левая оранжевая
   полоса, скругление 8, шрифт 14/1.7. Фон наш, светлый. КЭП 20.08.2026 */
.sitepages_content .page-contacts,
.sitepages_content .lg-card {
    display: block;
    background: #ffffff;
    border: 1px solid #e3e8ee;
    border-left: 3px solid #e87b24;
    border-radius: 4px;
    padding: 20px 24px;
    margin: 20px 0 28px;
    font-size: 14px;
    line-height: 1.7;
    color: #46586e;
}

.sitepages_content .pc-title {
    display: block;
    font-weight: 600;
    color: #1f2733;
    margin-bottom: 6px;
}

.sitepages_content .pc-row,
.sitepages_content .lg-card-row {
    display: block;
}

.sitepages_content .pc-row a,
.sitepages_content .lg-card a {
    color: #e87b24;
    text-decoration: none;
}

.sitepages_content .pc-legal,
.sitepages_content .lg-card-stamp {
    display: block;
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid #dbe1e8;
    font-size: 13px;
    color: #8a8f96;
    font-style: italic;
}

/* Строки контактов шли вплотную и читались одной строкой. Разводим их
   и даём заголовку блока воздух. КЭП 20.08.2026 */
.sitepages_content .page-contacts {
    line-height: 1.9;
}

.sitepages_content .pc-title {
    margin-bottom: 10px;
    font-size: 15px;
}

.sitepages_content .pc-row {
    margin-bottom: 4px;
}

/* Порядок работы на странице доставки — нумерованный список: номер шага
   оранжевый, сам шаг отбит от соседнего. КЭП 20.08.2026 */
.sitepages_content ol {
    counter-reset: step;
    list-style: none;
    margin: 0 0 13px;
    padding: 0;
}

.sitepages_content ol > li {
    counter-increment: step;
    position: relative;
    margin-bottom: 8px;
    padding-left: 34px;
}

.sitepages_content ol > li::before {
    content: counter(step);
    position: absolute;
    left: 0;
    top: 0;
    width: 21px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    border-radius: 50%;
    background: #e87b24;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
}

/* Страница условий состоит из коротких списков — разделы должны читаться
   блоками, а не сплошной лентой. КЭП 20.08.2026 */
.sitepages_content h2 {
    margin: 34px 0 10px;
    padding-top: 13px;
    border-top: 1px solid #eaeef3;
}

.sitepages_content h2:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.sitepages_content ul {
    margin: 0 0 8px 21px;
}

.sitepages_content ul li {
    margin-bottom: 8px;
}

/* Подвал страницы: строки шли слишком тесно. КЭП 20.08.2026 */
.sitepages_content .page-contacts {
    margin-top: 34px;
    padding: 21px 24px;
    line-height: 2;
}

.sitepages_content .pc-title {
    margin-bottom: 13px;
}

.sitepages_content .pc-row {
    margin-bottom: 8px;
}

.sitepages_content .pc-legal {
    margin-top: 16px;
    padding-top: 13px;
}

/* ── Типографика как на instrumenti.lv ───────────────────────────────
   Заголовки шли с большими отбивками и линиями-разделителями, строки
   списков стояли редко. Возвращаем шаг instrumenti. КЭП 20.08.2026 */
.sitepages_content {
    font-family: 'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif;
    font-size: 15px;
    line-height: 1.7;
    color: #46586e;
}

.sitepages_content h1 {
    margin: 0 0 18px;
    font-size: 28px;
    line-height: 1.7;
    font-weight: 600;
    letter-spacing: -0.01em;
    color: #1a2535;
}

.sitepages_content h2 {
    margin: 24px 0 12px;
    padding-top: 0;
    border-top: 0;
    font-size: 18px;
    line-height: 1.7;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #e87b24;
}

.sitepages_content h2:first-child {
    margin-top: 0;
}

.sitepages_content h3 {
    margin: 20px 0 8px;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 600;
    color: #1a2535;
}

.sitepages_content p {
    margin: 10px 0;
    font-size: 15px;
    line-height: 1.7;
}

.sitepages_content ul,
.sitepages_content ol {
    margin: 12px 0 16px;
    padding-left: 22px;
}

.sitepages_content li {
    margin-bottom: 6px;
    font-size: 15px;
    line-height: 1.7;
}

/* нумерованные шаги стоят на своём отступе — он задан отдельно */
.sitepages_content ol > li {
    padding-left: 34px;
}

.sitepages_content strong {
    font-weight: 600;
    color: #1a2535;
}

/* блок контактов держит тот же шаг, что и текст страницы */
.sitepages_content .page-contacts {
    margin-top: 24px;
    padding: 18px 22px;
    font-size: 15px;
    line-height: 1.7;
}

.sitepages_content .pc-title {
    margin-bottom: 8px;
    font-size: 15px;
}

.sitepages_content .pc-row {
    margin-bottom: 2px;
}

.sitepages_content .pc-legal {
    margin-top: 12px;
    padding-top: 10px;
    font-size: 13px;
}
/* правило v194 «.sitepages_content ul li» весит больше — уточняем селектор,
   иначе шаг списка остаётся прежним. КЭП 20.08.2026 */
.sitepages_content ul li,
.sitepages_content ol li {
    margin-bottom: 6px;
}

/* На узком экране instrumenti держит те же 15/1.7 — не мельчим. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .sitepages_content,
    .sitepages_content p,
    .sitepages_content li {
        font-size: 15px;
        line-height: 1.7;
    }
}

/* Строки стояли слишком редко: 15/1.7 растягивало короткие пункты списков
   на всю страницу. Уплотняем текст и сокращаем отбивки. КЭП 20.08.2026 */
.sitepages_content,
.sitepages_content p,
.sitepages_content li {
    line-height: 1.5;
}

.sitepages_content p {
    margin: 8px 0;
}

.sitepages_content ul,
.sitepages_content ol {
    margin: 8px 0 12px;
}

.sitepages_content ul li,
.sitepages_content ol li {
    margin-bottom: 3px;
}

.sitepages_content h2 {
    margin: 20px 0 8px;
    line-height: 1.35;
}

.sitepages_content h3 {
    margin: 14px 0 6px;
    line-height: 1.35;
}

.sitepages_content h1 {
    line-height: 1.25;
    margin-bottom: 14px;
}

.sitepages_content .page-contacts {
    margin-top: 20px;
    padding: 16px 20px;
    line-height: 1.5;
}

.sitepages_content .pc-title { margin-bottom: 6px; }
.sitepages_content .pc-row { margin-bottom: 1px; }
.sitepages_content .pc-legal { margin-top: 10px; padding-top: 8px; }

@media (max-width: 1000px) {
    .sitepages_content,
    .sitepages_content p,
    .sitepages_content li {
        line-height: 1.5;
    }
}

/* Колонка текста была 820 px против 1100 px на instrumenti — короткие пункты
   висели в пустоте и читались редко. Ширина как там. КЭП 20.08.2026 */
.sitepages_content {
    max-width: 1100px;
}

/* ЗНАЧЕНИЯ INSTRUMENTI.LV, снятые с pro.instrumenti.lv/delivery.html:
   Inter, текст 15/25.5, h2 18/30.6 вес 600 отбивка 24/12, абзац 10/10,
   список 12/16 + отступ 22, пункт +6, колонка 1100. Своего не добавляем. */
.sitepages_content {
    font-family: Inter, -apple-system, Segoe UI, Roboto, sans-serif;
    font-size: 15px;
    line-height: 25.5px;
    max-width: 1100px;
}

.sitepages_content p,
.sitepages_content li {
    font-size: 15px;
    line-height: 25.5px;
}

.sitepages_content p {
    margin: 10px 0;
}

.sitepages_content h1 {
    font-size: 28px;
    line-height: 47.6px;
    font-weight: 600;
    letter-spacing: -0.28px;
    margin: 0 0 18px;
}

.sitepages_content h2 {
    font-size: 18px;
    line-height: 30.6px;
    font-weight: 600;
    letter-spacing: 0.36px;
    margin: 24px 0 12px;
}

.sitepages_content h3 {
    font-size: 16px;
    line-height: 27.2px;
    font-weight: 600;
    margin: 20px 0 8px;
}

.sitepages_content ul,
.sitepages_content ol {
    margin: 12px 0 16px;
    padding-left: 22px;
}

.sitepages_content ul li,
.sitepages_content ol li {
    margin-bottom: 6px;
}

@media (max-width: 1000px) {
    .sitepages_content,
    .sitepages_content p,
    .sitepages_content li {
        font-size: 15px;
        line-height: 25.5px;
    }
}

/* Плотнее, чем на instrumenti: строка 22.5 вместо 25.5, пункты и заголовки
   с сокращённой отбивкой. КЭП 20.08.2026 */
.sitepages_content,
.sitepages_content p,
.sitepages_content li {
    line-height: 22.5px;
}

.sitepages_content p {
    margin: 8px 0;
}

.sitepages_content h1 {
    line-height: 34px;
    margin: 0 0 14px;
}

.sitepages_content h2 {
    line-height: 24px;
    margin: 20px 0 8px;
}

.sitepages_content h3 {
    line-height: 22px;
    margin: 14px 0 6px;
}

.sitepages_content ul,
.sitepages_content ol {
    margin: 8px 0 12px;
}

.sitepages_content ul li,
.sitepages_content ol li {
    margin-bottom: 3px;
}

.sitepages_content .page-contacts {
    margin-top: 20px;
    padding: 16px 20px;
    line-height: 22.5px;
}

.sitepages_content .pc-title { margin-bottom: 6px; }
.sitepages_content .pc-row   { margin-bottom: 1px; }
.sitepages_content .pc-legal { margin-top: 10px; padding-top: 8px; }

@media (max-width: 1000px) {
    .sitepages_content,
    .sitepages_content p,
    .sitepages_content li {
        line-height: 22.5px;
    }
}

/* Логотип на главной сдвинут на 5 px вправо. Смещение через position, а не
   через margin: место в потоке остаётся прежним, баннер и переключатель
   языков не двигаются. КЭП 20.08.2026 */
body.home #logo {
    position: relative;
    left: 5px;
}

/* ── Блок действия и карточка продавца на страницах условий ──────────
   Обязательные сведения о продавце по требованиям PTAC. КЭП 20.08.2026 */
.sitepages_content .legal-action {
    display: block;
    margin: 24px 0 0;
    padding-top: 18px;
    border-top: 1px solid #e3e8ee;
}

.sitepages_content .legal-btn {
    display: inline-block;
    padding: 0 22px;
    height: 38px;
    line-height: 38px;
    border-radius: 7px;
    background: linear-gradient(180deg, #f08c33, #e87b24 55%, #cf6a1a);
    border: 1px solid #cf6a1a;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 1px 2px rgba(15, 25, 35, 0.12);
    transition: background 0.15s, box-shadow 0.15s;
}

.sitepages_content .legal-btn:hover {
    background: linear-gradient(180deg, #f5983f, #ef8429 55%, #d97219);
    box-shadow: 0 3px 10px rgba(232, 123, 36, 0.28);
    text-decoration: none;
}

.sitepages_content .legal-contacts {
    display: inline-block;
    margin-left: 21px;
    vertical-align: middle;
    font-size: 14px;
}

.sitepages_content .legal-contacts .lc-row {
    display: block;
    margin-bottom: 2px;
    color: #46586e;
}

.sitepages_content .legal-seller {
    display: block;
    margin: 21px 0 0;
    padding: 16px 20px;
    background: #ffffff;
    border: 1px solid #e3e8ee;
    border-left: 3px solid #7ba3c8;
    border-radius: 4px;
    font-size: 13px;
    line-height: 20px;
    color: #46586e;
}

.sitepages_content .legal-seller .ls-title {
    display: block;
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: 600;
    color: #1a2535;
}

.sitepages_content .legal-seller .ls-row {
    display: block;
}

.sitepages_content .legal-seller .ls-updated {
    display: block;
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px solid #eef2f6;
    color: #8a8f96;
    font-style: italic;
}

@media (max-width: 1000px) {
    .sitepages_content .legal-contacts {
        display: block;
        margin: 13px 0 0;
    }
}

/* ── Страницы условий: компактный набор ──────────────────────────────
   Текст шёл простынёй в одну колонку крупным кеглем. Уменьшаем кегль и
   раскладываем разделы в две колонки; раздел не разрывается между
   колонками. Кнопка и карточка продавца — во всю ширину. КЭП 20.08.2026 */
.sitepages_content {
    font-size: 14px;
    line-height: 21px;
    max-width: 1100px;
}

.sitepages_content p,
.sitepages_content li {
    font-size: 14px;
    line-height: 21px;
}

.sitepages_content h1 {
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 10px;
}

.sitepages_content h2 {
    font-size: 15px;
    line-height: 20px;
    margin: 0 0 6px;
    letter-spacing: 0.02em;
}

.sitepages_content h3 {
    font-size: 14px;
    line-height: 19px;
    margin: 12px 0 5px;
}

.sitepages_content ul,
.sitepages_content ol {
    margin: 0 0 18px;
    padding-left: 18px;
}

.sitepages_content ul li,
.sitepages_content ol li {
    margin-bottom: 2px;
}

.sitepages_content p {
    margin: 0 0 18px;
}

/* вводный абзац под заголовком идёт во всю ширину */
.sitepages_content > h1,
.sitepages_content > h1 + p {
    column-span: all;
    -webkit-column-span: all;
}

@media (min-width: 1001px) {
    .sitepages_content {
        column-count: 2;
        column-gap: 42px;
    }

    .sitepages_content h2,
    .sitepages_content h3,
    .sitepages_content ul,
    .sitepages_content ol,
    .sitepages_content p {
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid;
    }

    /* заголовок раздела не отрывается от своего списка */
    .sitepages_content h2 {
        -webkit-column-break-after: avoid;
        break-after: avoid;
    }

    .sitepages_content .legal-action,
    .sitepages_content .legal-seller {
        column-span: all;
        -webkit-column-span: all;
    }
}

/* Две колонки убраны: текст идёт одной колонкой. Компактный кегль
   остаётся. КЭП 20.08.2026 */
@media (min-width: 1001px) {
    .sitepages_content {
        column-count: auto;
        column-gap: normal;
    }
}

/* ── Страницы условий: аккуратный вид в фирменном стиле ──────────────
   Строка была во всю ширину блока и читалась тяжело; разделы стояли
   сплошной лентой. Колонка сужена до читаемой, разделы отбиты тонкой
   линией, маркеры и акценты — фирменные. КЭП 20.08.2026 */
.sitepages_content {
    max-width: 860px;
    color: #46586e;
}

/* заголовок страницы: тёмно-синий, с короткой оранжевой чертой */
.sitepages_content h1 {
    position: relative;
    margin: 0 0 8px;
    padding-bottom: 13px;
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    color: #1a2535;
    letter-spacing: -0.01em;
}

.sitepages_content h1::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 55px;
    height: 3px;
    background: #e87b24;
    border-radius: 2px;
}

/* вводный абзац под заголовком */
.sitepages_content h1 + p {
    margin: 0 0 21px;
    font-size: 15px;
    line-height: 23px;
    color: #5b6b80;
}

/* раздел: отбивка тонкой линией сверху */
.sitepages_content h2 {
    margin: 21px 0 8px;
    padding-top: 13px;
    border-top: 1px solid #eef2f6;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    color: #e87b24;
    letter-spacing: 0.01em;
}

.sitepages_content h2:first-of-type {
    border-top: 0;
    padding-top: 0;
    margin-top: 0;
}

.sitepages_content h3 {
    margin: 13px 0 5px;
    font-size: 14px;
    font-weight: 600;
    color: #1a2535;
}

/* списки: маркер фирменного голубого, пункты с воздухом */
.sitepages_content ul {
    margin: 0 0 13px;
    padding-left: 0;
    list-style: none;
}

.sitepages_content ul li {
    position: relative;
    margin-bottom: 5px;
    padding-left: 17px;
}

.sitepages_content ul li::before {
    content: "";
    position: absolute;
    left: 3px;
    top: 8px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #7ba3c8;
}

.sitepages_content p {
    margin: 0 0 13px;
}

.sitepages_content strong {
    color: #1a2535;
    font-weight: 600;
}

.sitepages_content a {
    color: #e87b24;
    text-decoration: none;
    border-bottom: 1px solid rgba(232, 123, 36, 0.3);
}

.sitepages_content a:hover {
    border-bottom-color: #e87b24;
    text-decoration: none;
}

/* последний абзац условий — оговорка о правах потребителя */
.sitepages_content > p:last-of-type {
    margin-top: 16px;
    padding: 13px 17px;
    background: #f7f9fb;
    border-left: 3px solid #7ba3c8;
    border-radius: 6px;
    font-size: 13px;
    line-height: 20px;
    color: #5b6b80;
}

/* блок действия и карточка продавца */
.sitepages_content .legal-action {
    margin-top: 26px;
    padding-top: 21px;
    border-top: 1px solid #eef2f6;
}

.sitepages_content .legal-btn {
    border-bottom: 0;
}

.sitepages_content .legal-contacts .lc-row a {
    border-bottom: 0;
}

.sitepages_content .legal-seller {
    background: #fbfcfd;
    border-color: #e8edf3;
}

.sitepages_content .legal-seller a {
    border-bottom: 0;
}

/* Заголовок страницы по центру, черта под ним — тоже по центру.
   Вводный абзац центрируется вместе с ним. КЭП 20.08.2026 */
.sitepages_content h1 {
    text-align: center;
}

.sitepages_content h1::after {
    left: 50%;
    margin-left: -27px;
}

.sitepages_content h1 + p {
    text-align: center;
}

/* ── Разделы условий: очень лёгкие блоки ─────────────────────────────
   Без рамок и теней: только едва заметная подложка и воздух, чтобы
   раздел читался как отдельная карточка. КЭП 20.08.2026 */
.sitepages_content .legal-cards {
    display: block;
    margin-top: 21px;
}

.sitepages_content .legal-card {
    display: block;
    margin-bottom: 8px;
    padding: 13px 18px;
    background: #fafbfc;
    border-radius: 4px;
}

/* внутри блока отбивка линией не нужна: разделяют сами блоки */
.sitepages_content .legal-card h2 {
    margin: 0 0 6px;
    padding-top: 0;
    border-top: 0;
}

.sitepages_content .legal-card ul,
.sitepages_content .legal-card ol,
.sitepages_content .legal-card p:last-child {
    margin-bottom: 0;
}

.sitepages_content .legal-card p {
    margin-bottom: 8px;
}

/* Подложка одна на все разделы: блоки прозрачные и без промежутков,
   фон и скругление держит общий контейнер. КЭП 20.08.2026 */
.sitepages_content .legal-cards {
    padding: 8px 18px;
    background: #fafbfc;
    border-radius: 4px;
}

.sitepages_content .legal-card {
    margin-bottom: 0;
    padding: 13px 0;
    background: transparent;
    border-radius: 0;
}

/* разделы внутри общей подложки разделяет тонкая линия */
.sitepages_content .legal-card + .legal-card {
    border-top: 1px solid #eef1f5;
}

/* Подложка условий выравнивается по правому краю баннера: колонка текста
   больше не ограничена 860 px, а поле справа подогнано под сетку шапки.
   КЭП 20.08.2026 */
body.page-sitepages #content {
    margin-right: 50px;
}

.sitepages_content {
    max-width: none;
}

/* Строка данных в карточке товара была голубоватой (234,240,246) и выбивалась
   из светлого поля страницы. Ставим нейтральный светлый тон. КЭП 20.08.2026 */
tr.product-table-row,
.simple_table tr.product-table-row {
    background: #f7f8fa;
}

/* Строка данных была слишком светлой — рамки ячеек пропадали. Тон чуть
   темнее, оставаясь нейтральным. КЭП 20.08.2026 */
tr.product-table-row,
.simple_table tr.product-table-row {
    background: #eceef1;
}

/* Подписи карточек разделов были того же голубого, что и строка товара.
   Ставим тот же нейтральный серый. Полосу отбора не трогаем. КЭП 20.08.2026 */
.category-item-name {
    background: #eceef1;
}

/* Прежнее правило стоит с !important — перебиваем тем же весом. КЭП 20.08.2026 */
.category-item-name {
    background-color: #eceef1 !important;
}

/* Фото в карточке витрины стояло по жёсткому отступу left:21px, а карточка
   шире (208 px) — снимок уезжал влево на 7-8 px, и ряд смотрелся неровным.
   Центрируем от середины карточки: ширина карточки может меняться, отступ
   пересчитается сам. КЭП 20.08.2026 */
.item_photo {
    left: 50%;
    transform: translateX(-50%);
}

/* картинка внутри блока — по центру и без вертикального сдвига */
.item_photo img {
    display: block;
    margin: 0 auto;
}

/* Цена шла вплотную под снимком — между фото и ценой оставалось 2 px.
   Опускаем на 5 px, блок цены и кнопки садится по центру нижней части
   карточки. КЭП 20.08.2026 */
.item_price {
    margin-top: 5px;
}

/* margin-top у цены схлопывался с отступом .item_info и не давал сдвига —
   отодвигаем внутренним отступом. КЭП 20.08.2026 */
.item_price {
    margin-top: 0;
    padding-top: 5px;
}

/* Ещё 2 px вниз: отступ цены от снимка 7 -> 9 px. КЭП 20.08.2026 */
.item_price {
    padding-top: 7px;
}

/* Кнопка и артикул поднимаются на 2 px: цена остаётся на месте, вверх
   уходит только нижняя пара. КЭП 20.08.2026 */
.item .podrobnee {
    margin-top: -5px;
}

/* Прежний отступ кнопки стоит с !important — перебиваем тем же весом. КЭП 20.08.2026 */
.item .podrobnee {
    margin-top: -5px !important;
}

/* Карточка витрины длиннее на 3 px снизу: артикулу нужен воздух под ним.
   Было 240. КЭП 20.08.2026 */
.item {
    height: 243px;
}

/* Карточка контактов вставала ниже левой панели: её подпирал заголовок
   раздела. Заголовок убран, карточка выровнена по верху первой категории
   слева. КЭП 20.08.2026 */
body.page-feedback #content > table {
    margin-top: 10px;
}

/* Точная привязка: верх карточки к верху первой категории слева. КЭП 20.08.2026 */
body.page-feedback #content > table {
    margin-top: 20px;
}

/* Отступ у таблицы выталкивал вниз обе колонки сразу — левую панель тоже.
   Сдвигаем карточку позиционированием: поток не трогается. КЭП 20.08.2026 */
body.page-feedback #content > table {
    margin-top: 0;
    position: relative;
    top: 10px;
}

/* Панель категорий на главной начиналась выше витрины: её верхняя грань
   стояла на 244, а первая карточка товара на 258. Опускаем панель целиком,
   чтобы верхние грани совпали. Сдвиг позиционированием — поток и соседние
   колонки не трогаются. КЭП 20.08.2026 */
body.home #leftblock {
    position: relative;
    top: 14px;
}

/* Панель категорий стоит на одной высоте на всех страницах — как на главной.
   Раньше она прыгала: там, где над контентом идёт строка крошек, панель
   уезжала вниз на её высоту (22 px), и при переходе с главной блок дёргался.
   Эталон — главная. Сдвиг позиционированием, поток не меняется.
   КЭП 20.08.2026 */
#leftblock {
    position: relative;
    top: 14px;
}

/* страницы с крошками: панель поднимается на высоту строки крошек */
body.op-cat #leftblock,
body.op-showitem #leftblock,
body.page-account #leftblock,
body.op-cart #leftblock,
body.op-checkout #leftblock {
    top: -8px;
}

/* Точная величина: на страницах с крошками контент начинается на 22 px ниже,
   чем на главной. Поднимаем панель ровно на эту величину. КЭП 20.08.2026 */
body.op-cat #leftblock,
body.op-showitem #leftblock,
body.page-account #leftblock,
body.op-cart #leftblock,
body.op-checkout #leftblock {
    top: -22px;
}

/* Полный список страниц со строкой крошек: каталог, разделы, карточка,
   корзина, бренды, поиск, аккаунт, оформление. На них панель поднимается на
   высоту крошек и встаёт вровень с главной. КЭП 20.08.2026 */
body.op-catstart #leftblock,
body.op-cat #leftblock,
body.op-showitem #leftblock,
body.op-brands #leftblock,
body.op-search #leftblock,
body.op-cart #leftblock,
body.op-checkout #leftblock,
body.op-ordered #leftblock,
body.page-account #leftblock {
    top: -22px;
}

/* ── Футер по образцу instrumenti.lv ─────────────────────────────────
   Было: строка ссылок на белом, копирайт слит с телефоном и почтой, ниже
   ряд кнопок «поделиться» с мёртвым Google+ (соцсеть закрыта в 2019) и
   ссылками на «#». Стало: тёмная полоса фирменного цвета, разделы двумя
   строками, контакты и реквизиты — отдельными. КЭП 20.08.2026 */
.newfooter {
    background: #1a2535;
    margin-top: 34px;
    padding: 0;
    border: 0;
}

.newfooter_inner {
    width: 1000px;
    margin: 0 auto;
    padding: 16px 16px 18px;
    box-sizing: border-box;
    text-align: center;
    font-family: Inter, -apple-system, Segoe UI, Roboto, sans-serif;
    font-size: 12px;
    line-height: 20px;
}

.newfooter a {
    color: #7ba3c8;
    text-decoration: none;
}

.newfooter a:hover {
    color: #e87b24;
    text-decoration: none;
}

.newfooter .footer-sep {
    color: rgba(123, 163, 200, 0.4);
    margin: 0 8px;
}

.newfooter .footer-links-second {
    margin-top: 2px;
}

.newfooter .footer-contacts {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(123, 163, 200, 0.15);
}

.newfooter .footer-legal {
    margin-top: 4px;
    color: rgba(123, 163, 200, 0.6);
    font-size: 12px;
}

/* старые обёртки футера больше не рисуют рамок */
.newfooter_upper_line,
.newfooter_borders,
.newfooter_text {
    border: 0;
    background: none;
    padding: 0;
    margin: 0;
}

.counters {
    padding: 16px 0 24px;
    text-align: center;
}

.counters .counter {
    display: inline-block;
    margin: 0 8px;
    vertical-align: middle;
}

@media (max-width: 1000px) {
    .newfooter_inner {
        width: auto;
        padding: 14px 13px 16px;
    }

    .newfooter .footer-sep {
        margin: 0 5px;
    }
}

/* Оформление футера — прежнее для riki.lv: тёмная линия сверху, оранжевая
   рамка со скруглением, светлая подложка. Новыми остаются только состав
   разделов и разведённые строки контактов и реквизитов. КЭП 20.08.2026 */
.newfooter {
    background: none;
    border-top: 3.5px solid #1a2535;
    margin: 20px 7px 0;
    padding-top: 2px;
}

.newfooter_inner {
    width: auto;
    margin: 0;
    padding: 10px 7px 14px;
    border: 2px solid #e87b24;
    border-radius: 7px;
    background: #ffffff;
    color: #1a2535;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
}

.newfooter a {
    color: #1a2535;
    text-decoration: none;
}

.newfooter a:hover {
    color: #e87b24;
    text-decoration: none;
}

.newfooter .footer-sep {
    color: #b9c4cf;
    margin: 0 7px;
}

.newfooter .footer-contacts {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eef1f5;
    font: normal 12px Tahoma, sans-serif;
    color: #74828A;
}

.newfooter .footer-contacts a {
    color: #74828A;
}

.newfooter .footer-contacts a:hover {
    color: #e87b24;
}

.newfooter .footer-legal {
    margin-top: 4px;
    font: normal 12px Tahoma, sans-serif;
    color: #74828A;
}

@media (max-width: 1000px) {
    .newfooter {
        margin: 20px 10px 0;
    }

    .newfooter_inner {
        padding: 10px 8px 13px;
        font-size: 13px;
    }

    .newfooter .footer-sep {
        margin: 0 5px;
    }
}

/* Форма регистрации: логотип из карточки убран, вместо него лёгкий серый
   водяной знак — фирменный значок в правом верхнем углу. Он не мешает
   тексту и не спорит с логотипом в шапке сайта. КЭП 20.08.2026 */
.login-card.login-card-wide {
    position: relative;
    overflow: hidden;
}

.login-card.login-card-wide::before {
    content: "";
    position: absolute;
    top: 18px;
    right: 18px;
    width: 84px;
    height: 84px;
    background: url(images/riki-mark-soft-v3.png) no-repeat center / contain;
    opacity: 0.10;
    filter: grayscale(1);
    pointer-events: none;
}

@media (max-width: 1000px) {
    .login-card.login-card-wide::before {
        width: 55px;
        height: 55px;
        top: 13px;
        right: 13px;
    }
}

/* Водяной знак только на форме регистрации: класс login-card-wide носят
   ещё и настройки аккаунта со списком заказов, их трогать не нужно.
   КЭП 20.08.2026 */
.login-card.login-card-wide::before {
    content: none;
}

.login-card.register-card {
    position: relative;
    overflow: hidden;
}

.login-card.register-card::before {
    content: "";
    position: absolute;
    top: 18px;
    right: 18px;
    width: 84px;
    height: 84px;
    background: url(images/riki-mark-soft-v3.png) no-repeat center / contain;
    opacity: 0.10;
    filter: grayscale(1);
    pointer-events: none;
}

@media (max-width: 1000px) {
    .login-card.register-card::before {
        width: 55px;
        height: 55px;
        top: 13px;
        right: 13px;
    }
}

/* Водяной знак на пол-бланка: крупный солнечный значок в правой части
   формы регистрации, едва различимый, под текстом. Прежний маленький
   знак в углу заменяется этим. КЭП 20.08.2026 */
.login-card.register-card::before {
    top: 50%;
    right: -40px;
    width: 320px;
    height: 320px;
    transform: translateY(-50%);
    opacity: 0.05;
}

/* поля и текст идут поверх знака */
.login-card.register-card > * {
    position: relative;
    z-index: 1;
}

@media (max-width: 1000px) {
    .login-card.register-card::before {
        width: 190px;
        height: 190px;
        right: -30px;
        top: 50%;
    }
}

/* Знак был почти невидим: 5% прозрачности, да ещё и обрезался краем
   карточки. Ставим целиком внутрь, чуть плотнее. КЭП 20.08.2026 */
.login-card.register-card::before {
    top: 50%;
    right: 24px;
    left: auto;
    width: 260px;
    height: 260px;
    transform: translateY(-50%);
    opacity: 0.09;
    filter: grayscale(1);
}

@media (max-width: 1000px) {
    .login-card.register-card::before {
        width: 170px;
        height: 170px;
        right: 13px;
    }
}

/* Заголовок формы регистрации поднят на 3 px. КЭП 20.08.2026 */
.login-card.register-card .login-title {
    position: relative;
    top: -3px;
}

/* Значок riki-mark-soft-v3.png белый — он рисовался для тёмного футера
   письма. На белой карточке его не видно ни при какой прозрачности,
   поэтому инвертируем в тёмный: получается мягкий серый водяной знак.
   КЭП 20.08.2026 */
.login-card.register-card::before {
    filter: invert(1) grayscale(1);
    opacity: 0.10;
}

/* Водяной знак: меньше и в левом верхнем углу бланка. КЭП 20.08.2026 */
.login-card.register-card::before {
    top: 18px;
    left: 18px;
    right: auto;
    width: 170px;
    height: 170px;
    transform: none;
}

@media (max-width: 1000px) {
    .login-card.register-card::before {
        top: 13px;
        left: 13px;
        right: auto;
        width: 110px;
        height: 110px;
    }
}

/* Знак переносится в правый верхний угол и поднимается выше. КЭП 20.08.2026 */
.login-card.register-card::before {
    top: 10px;
    right: 18px;
    left: auto;
}

@media (max-width: 1000px) {
    .login-card.register-card::before {
        top: 8px;
        right: 13px;
        left: auto;
    }
}

/* Знак крупнее и выше: 210 px, ближе к верхнему краю. КЭП 20.08.2026 */
.login-card.register-card::before {
    top: 2px;
    right: 16px;
    left: auto;
    width: 210px;
    height: 210px;
}

@media (max-width: 1000px) {
    .login-card.register-card::before {
        top: 2px;
        right: 11px;
        left: auto;
        width: 135px;
        height: 135px;
    }
}

/* Знак поднимается выше края бланка: верхние лучи обрезаются рамкой —
   так и задумано. КЭП 20.08.2026 */
.login-card.register-card::before {
    top: -46px;
    right: 16px;
    left: auto;
}

@media (max-width: 1000px) {
    .login-card.register-card::before {
        top: -30px;
        right: 11px;
        left: auto;
    }
}

/* Знак сдвигается правее: часть уходит за правый край бланка. КЭП 20.08.2026 */
.login-card.register-card::before {
    right: -34px;
    left: auto;
}

@media (max-width: 1000px) {
    .login-card.register-card::before {
        right: -22px;
        left: auto;
    }
}

/* Чуть левее: было -34, стало -16. КЭП 20.08.2026 */
.login-card.register-card::before {
    right: -16px;
    left: auto;
}

@media (max-width: 1000px) {
    .login-card.register-card::before {
        right: -10px;
        left: auto;
    }
}

/* Отступ после заголовка страницы задаёт стиль, а не пустые переносы в
   тексте: на одних страницах их было три, на других ни одного, и разрыв
   между заголовком и текстом всюду разный. КЭП 20.08.2026 */
.sitepages_content h1 {
    margin-bottom: 21px;
}

.sitepages_content h1 + p,
.sitepages_content h1 + div,
.sitepages_content h1 + .legal-cards {
    margin-top: 0;
}

/* Логотип стоит одинаково на всех страницах, а не только на главной:
   сдвиг 5 px вправо снимается с привязки к body.home. Смещение через
   position, поэтому баннер и переключатель языков не двигаются.
   КЭП 20.08.2026 */
#logo {
    position: relative;
    left: 5px;
}

/* Карточка «Сведения о продавце» на информационных страницах: такой же
   лёгкий водяной знак солнца в правом верхнем углу, как на бланке
   регистрации. Значок белый, поэтому инвертируем в серый. КЭП 20.08.2026 */
.sitepages_content .legal-seller {
    position: relative;
    overflow: hidden;
}

.sitepages_content .legal-seller::before {
    content: "";
    position: absolute;
    top: -34px;
    right: -12px;
    width: 150px;
    height: 150px;
    background: url(images/riki-mark-soft-v3.png) no-repeat center / contain;
    filter: invert(1) grayscale(1);
    opacity: 0.09;
    pointer-events: none;
}

.sitepages_content .legal-seller > * {
    position: relative;
    z-index: 1;
}

@media (max-width: 1000px) {
    .sitepages_content .legal-seller::before {
        width: 100px;
        height: 100px;
        top: -22px;
        right: -8px;
    }
}

/* Знак в карточке продавца: крупнее, ниже и светлее — чуть светлее самой
   подложки карточки, чтобы читался как оттиск. КЭП 20.08.2026 */
.sitepages_content .legal-seller::before {
    top: -10px;
    right: -18px;
    width: 200px;
    height: 200px;
    opacity: 0.055;
}

@media (max-width: 1000px) {
    .sitepages_content .legal-seller::before {
        width: 130px;
        height: 130px;
        top: -8px;
        right: -12px;
    }
}

/* Знак чуть выше: верхушка уходит за край карточки. КЭП 20.08.2026 */
.sitepages_content .legal-seller::before {
    top: -34px;
}

@media (max-width: 1000px) {
    .sitepages_content .legal-seller::before {
        top: -22px;
    }
}

/* Знак крупнее: 200 -> 250 px. КЭП 20.08.2026 */
.sitepages_content .legal-seller::before {
    width: 250px;
    height: 250px;
    top: -46px;
    right: -26px;
}

@media (max-width: 1000px) {
    .sitepages_content .legal-seller::before {
        width: 160px;
        height: 160px;
        top: -30px;
        right: -16px;
    }
}

/* ── Страница брендов в нашем стиле ─────────────────────────────────
   Было: Tahoma, синие заголовки #4f94c7, разнобой размеров, пунктирные
   разделители, логотипы прыгают по высоте. Стало: Inter, фирменные цвета,
   ровная сетка карточек. КЭП 20.08.2026 */
.page_head.brands-head {
    margin: 0 0 21px;
    font-family: Inter, -apple-system, Segoe UI, Roboto, sans-serif;
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    color: #1a2535;
    text-align: center;
    position: relative;
    padding-bottom: 13px;
}

.page_head.brands-head::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 55px;
    height: 3px;
    margin-left: -27px;
    background: #e87b24;
    border-radius: 2px;
}

.brands_list {
    font-family: Inter, -apple-system, Segoe UI, Roboto, sans-serif;
}

.brands_item {
    display: flex;
    align-items: flex-start;
    gap: 21px;
    margin-bottom: 13px;
    padding: 16px 20px;
    background: #fafbfc;
    border-radius: 4px;
}

/* логотип: одна и та же площадка у всех, снимок по центру */
.brands_item .brands_logo {
    flex: 0 0 150px;
    width: 150px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border: 1px solid #eef1f5;
    border-radius: 7px;
    padding: 8px;
    box-sizing: border-box;
}

.brands_item .brands_logo img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: block;
}

.brands_item .brands_descr {
    flex: 1 1 auto;
    min-width: 0;
}

.brands_item .brands_name {
    margin: 0 0 6px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    letter-spacing: 0.01em;
    color: #e87b24;
}

.brands_item .brands_name a {
    color: #e87b24;
    text-decoration: none;
}

.brands_item .brands_name a:hover {
    text-decoration: underline;
}

.brands_item .descriptiontext {
    font-family: Inter, -apple-system, Segoe UI, Roboto, sans-serif;
    font-size: 14px;
    line-height: 21px;
    color: #46586e;
}

/* пунктирный разделитель больше не нужен: карточки разделяет промежуток */
.brands_item .brands_dotted {
    display: none;
}

/* рейтинг звёздами: строка мелкая и приглушённая */
.brands_item .votes,
.brands_item .rating {
    margin-top: 8px;
    font-size: 11px;
    color: #8a8f96;
}

@media (max-width: 1000px) {
    .brands_item {
        flex-direction: column;
        gap: 13px;
        padding: 13px;
    }

    .brands_item .brands_logo {
        flex: 0 0 auto;
        width: 100%;
        height: 70px;
    }
}

/* Бренды: возвращаемся ближе к прежнему компактному виду. Подложка и
   крупные карточки убраны, остаётся тонкая линия между записями, как было.
   От новой правки сохраняются шрифт Inter, фирменные цвета и ровная
   площадка логотипа. КЭП 20.08.2026 */
.brands_item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 0;
    padding: 13px 0;
    background: none;
    border-radius: 0;
    border-bottom: 1px solid #eef1f5;
}

.brands_item:last-child {
    border-bottom: 0;
}

.brands_item .brands_logo {
    flex: 0 0 150px;
    width: 150px;
    height: 62px;
    padding: 0;
    background: none;
    border: 0;
    border-radius: 0;
}

.brands_item .brands_name {
    margin: 0 0 4px;
    font-size: 14px;
    line-height: 19px;
}

.brands_item .descriptiontext {
    font-size: 13px;
    line-height: 19px;
}

.brands_item .votes,
.brands_item .rating {
    margin-top: 5px;
}

@media (max-width: 1000px) {
    .brands_item {
        flex-direction: column;
        gap: 10px;
        padding: 13px 0;
    }

    .brands_item .brands_logo {
        width: 150px;
        height: 55px;
    }
}

/* Логотипы брендов сняты на белом фоне — площадка под ними тоже белая,
   иначе по краям снимка видна ступенька. КЭП 20.08.2026 */
.brands_item .brands_logo {
    background: #ffffff;
    border-radius: 6px;
    padding: 6px;
    box-sizing: border-box;
    height: 68px;
}

@media (max-width: 1000px) {
    .brands_item .brands_logo {
        height: 60px;
    }
}

/* Логотип уезжал в середину записи: у него с давних пор стоит margin:auto,
   а в гибкой раскладке это перебивает выравнивание по верху. КЭП 20.08.2026 */
.brands_item .brands_logo {
    margin: 0;
}

/* Логотип по центру своей площадки и по центру записи, текст выключен по
   ширине — правый край ровный, без рваной кромки. КЭП 20.08.2026 */
.brands_item {
    align-items: center;
}

.brands_item .brands_logo {
    align-self: center;
}

.brands_item .descriptiontext {
    text-align: justify;
    hyphens: auto;
    -webkit-hyphens: auto;
}

@media (max-width: 1000px) {
    .brands_item .descriptiontext {
        text-align: left;
    }
}

/* Название бренда по центру колонки описания. КЭП 20.08.2026 */
.brands_item .brands_name {
    text-align: center;
    margin-bottom: 8px;
}

/* Страница брендов оформляется как информационная: без панели категорий и
   строки поиска, список бренда идёт единой подложкой во всю ширину.
   КЭП 20.08.2026 */
body.op-brands #leftblock,
body.op-brands .searchblock,
body.op-brands #searchform,
body.op-brands form[name="searchform"] {
    display: none;
}

body.op-brands #content {
    margin-left: 55px;
    margin-right: 50px;
}

body.op-brands .brands_list {
    padding: 8px 20px;
    background: #fafbfc;
    border-radius: 4px;
}

/* внутри подложки записи разделяет линия, у последней её нет */
body.op-brands .brands_item {
    border-bottom: 1px solid #eef1f5;
}

body.op-brands .brands_item:last-child {
    border-bottom: 0;
}

@media (max-width: 1000px) {
    body.op-brands #content {
        margin-left: 13px;
        margin-right: 13px;
    }

    body.op-brands .brands_list {
        padding: 6px 13px;
    }
}

/* Список брендов начинался вплотную под кнопками меню — опускаем блок.
   КЭП 20.08.2026 */
body.op-brands #content {
    padding-top: 55px;
}

@media (max-width: 1000px) {
    body.op-brands #content {
        padding-top: 34px;
    }
}

/* Логотипы сняты на белом, и белая площадка под ними давала видимую рамку
   на сером блоке. Убираем площадку, а подложку блока делаем переходом:
   слева белая — снимки сливаются с фоном, справа уходит в серый.
   КЭП 20.08.2026 */
body.op-brands .brands_list {
    background: linear-gradient(90deg,
        #ffffff 0,
        #ffffff 240px,
        #f7f8fa 430px,
        #eef1f5 100%);
}

.brands_item .brands_logo {
    background: none;
    border: 0;
    border-radius: 0;
    padding: 0;
}

@media (max-width: 1000px) {
    body.op-brands .brands_list {
        background: linear-gradient(180deg, #ffffff 0, #ffffff 40%, #f4f6f8 100%);
    }
}

/* Линия над строкой «условия обновлены» шла через весь блок и пересекала
   водяной знак. Делаем её затухающей: слева видна, справа сходит на нет
   ещё до солнца. КЭП 20.08.2026 */
.sitepages_content .legal-seller .ls-updated {
    position: relative;
    border-top: 0;
}

.sitepages_content .legal-seller .ls-updated::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg,
        #e3e8ee 0,
        #eaeef3 45%,
        rgba(234, 238, 243, 0.35) 66%,
        rgba(234, 238, 243, 0) 78%);
}

/* тот же приём в карточке контактов информационных страниц и в подвале
   формы регистрации — там, где рядом стоит водяной знак */
.sitepages_content .pc-legal {
    position: relative;
    border-top: 0;
}

.sitepages_content .pc-legal::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg,
        #dbe1e8 0,
        #e4e9ef 45%,
        rgba(228, 233, 239, 0.35) 66%,
        rgba(228, 233, 239, 0) 78%);
}

/* Затухающие разделители по всему сайту: линия видна слева и сходит на нет
   справа. Приём тот же, что в карточке продавца. КЭП 20.08.2026 */

/* разделы условий на информационных страницах */
.sitepages_content .legal-card + .legal-card {
    position: relative;
    border-top: 0;
}

.sitepages_content .legal-card + .legal-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg,
        #e3e8ee 0,
        #eaeef3 45%,
        rgba(234, 238, 243, 0.35) 68%,
        rgba(234, 238, 243, 0) 82%);
}

/* полоса над кнопкой действия */
.sitepages_content .legal-action {
    position: relative;
    border-top: 0;
}

.sitepages_content .legal-action::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg,
        #e3e8ee 0,
        #eaeef3 45%,
        rgba(234, 238, 243, 0.35) 68%,
        rgba(234, 238, 243, 0) 82%);
}

/* записи в списке брендов */
.brands_item,
body.op-brands .brands_item {
    position: relative;
    border-bottom: 0;
}

.brands_item + .brands_item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg,
        #dfe4ea 0,
        #e7ebf0 45%,
        rgba(231, 235, 240, 0.35) 68%,
        rgba(231, 235, 240, 0) 82%);
}

/* строка контактов в подвале сайта */
.newfooter .footer-contacts {
    position: relative;
    border-top: 0;
}

.newfooter .footer-contacts::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg,
        rgba(238, 241, 245, 0) 0,
        #e6eaef 22%,
        #eef1f5 50%,
        rgba(238, 241, 245, 0.35) 76%,
        rgba(238, 241, 245, 0) 92%);
}

/* ── Мобильная версия: наводим порядок после правок для десктопа ─────
   Панель категорий на узком экране шла с боковым отступом 25 px при ширине
   в 100%, поэтому уезжала за правый край, а сдвиг для десктопа опускал её
   вниз. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    #leftblock {
        position: static;
        top: auto;
        width: auto;
        margin: 8px 0 0;
        padding: 0 13px;
        box-sizing: border-box;
    }

    /* логотип на узком экране без десктопного сдвига */
    #logo {
        position: static;
        left: auto;
    }

    /* содержимое страницы не должно упираться в края экрана */
    #content {
        margin-left: 13px;
        margin-right: 13px;
    }

    #container {
        width: auto;
        max-width: 100%;
        overflow-x: hidden;
    }
}

/* Содержимое держало жёсткую ширину и с боковыми отступами вылезало за
   правый край экрана. Ширина считается от экрана. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    #content {
        width: auto;
        max-width: 100%;
        box-sizing: border-box;
        margin-left: 0;
        margin-right: 0;
        padding-left: 13px;
        padding-right: 13px;
    }

    #center,
    #rightblock {
        width: auto;
        max-width: 100%;
        box-sizing: border-box;
    }

    .item {
        max-width: 100%;
        box-sizing: border-box;
    }
}

/* Карточки витрины на узком экране: жёсткая высота и снимок в абсолютной
   позиции — цена и кнопка налезали на соседнюю карточку. На мобильном
   карточка строится по содержимому. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .item {
        height: auto;
        min-height: 0;
        padding: 13px;
        margin: 0 0 13px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .item .item_name {
        order: 1;
        width: 100%;
    }

    .item .item_photo {
        order: 2;
        position: static;
        transform: none;
        left: auto;
        top: auto;
        width: 100%;
        height: auto;
        margin: 8px 0 0;
        text-align: center;
    }

    .item .item_photo img {
        width: auto !important;
        max-width: 100%;
        height: auto;
        max-height: 180px;
        margin: 0 auto;
    }

    .item .item_info {
        order: 3;
        width: 100%;
        margin-top: 10px;
    }

    .item .item_price {
        padding-top: 0;
        height: auto;
    }

    .item .podrobnee {
        margin-top: 6px !important;
        display: inline-block;
    }

    .item .codetext {
        margin-top: 6px;
    }
}

/* На узком экране сначала идёт содержимое страницы, а список разделов и
   логотипы поставщиков уходят под него: раньше до товара приходилось
   пролистывать двенадцать категорий и пять значков. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    #center {
        display: flex;
        flex-direction: column;
    }

    #content {
        order: 1;
    }

    #leftblock {
        order: 2;
        margin-top: 21px;
        padding-top: 16px;
        border-top: 1px solid #eef1f5;
    }

    #rightblock {
        order: 3;
    }

    /* крошки остаются наверху, над содержимым */
    #sitemap {
        order: 0;
    }
}

/* Таблица артикулов на узком экране вылезала за правый край. Даём ей
   прокрутку внутри своей области и уменьшаем кегль. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .simple_table,
    table.form_table {
        width: 100%;
        max-width: 100%;
        font-size: 12px;
        table-layout: fixed;
    }

    .simple_table td,
    table.form_table td {
        padding: 6px 4px;
        word-break: break-word;
    }

    .product-table-row .codetext,
    .simple_table .tableitemtitletext {
        font-size: 11px;
    }

    .product-table-row input[type="text"],
    .product-table-row input[type="number"] {
        width: 44px;
        max-width: 100%;
        box-sizing: border-box;
    }

    .product-table-row .podrobnee,
    .product-table-row a.podrobnee {
        min-width: 0;
        padding: 0 10px;
        font-size: 12px;
    }
}

/* Вводный абзац информационной страницы попадал под правило оговорки и
   получал рамку с подложкой — он единственный абзац верхнего уровня.
   Оговорку оформляем только там, где она идёт после блоков условий.
   КЭП 20.08.2026 */
.sitepages_content > h1 + p {
    margin-top: 0;
    padding: 0;
    background: none;
    border-left: 0;
    border-radius: 0;
    font-size: 15px;
    line-height: 23px;
    color: #5b6b80;
}

.sitepages_content .legal-cards + p {
    margin-top: 16px;
    padding: 13px 17px;
    background: #f7f9fb;
    border-left: 3px solid #7ba3c8;
    border-radius: 6px;
    font-size: 13px;
    line-height: 20px;
    color: #5b6b80;
}

/* на узком экране выключка по ширине рвёт строки — оставляем по левому краю */
@media (max-width: 1000px) {
    .sitepages_content,
    .sitepages_content p,
    .sitepages_content li,
    .brands_item .descriptiontext {
        text-align: left;
    }

    .sitepages_content h1,
    .sitepages_content > h1 + p {
        text-align: center;
    }
}

/* Прежнее правило оговорки весит больше — уточняем селектор, иначе вводный
   абзац так и остаётся в рамке. КЭП 20.08.2026 */
.sitepages_content > h1 + p:last-of-type,
.sitepages_content > h1 + p {
    margin-top: 0;
    padding: 0;
    background: none;
    border-left: 0;
    border-radius: 0;
    font-size: 15px;
    line-height: 23px;
    color: #5b6b80;
    text-align: center;
}

/* Блок значков сравнения цен держал жёсткие 1000 px и на телефоне выходил
   за экран. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .counters {
        width: auto !important;
        max-width: 100%;
        margin: 0 auto !important;
        padding: 13px 13px 21px;
        box-sizing: border-box;
    }

    .counters .counter {
        margin: 5px 6px;
    }
}

/* На телефоне категории снова сверху, а карточки товара занимают всю
   ширину экрана: они держали десктопные 195 px и жались к левому краю.
   КЭП 20.08.2026 */
@media (max-width: 1000px) {
    #leftblock {
        order: 0;
        margin-top: 0;
        padding-top: 0;
        border-top: 0;
    }

    #content {
        order: 1;
    }

    .item {
        width: 100% !important;
        max-width: 100%;
        box-sizing: border-box;
    }

    .item .item_photo img {
        max-height: 220px;
    }

    /* сетка витрины в один столбец во всю ширину */
    #content > div[align="center"],
    .items_list,
    .item_wrap {
        width: 100%;
        max-width: 100%;
    }
}

/* Значки поставщиков в боковом блоке на телефоне были узкими и жались
   влево — растягиваем на всю ширину экрана. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    #leftblock .block,
    #leftblock .headblock {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    #leftblock .block a,
    #leftblock .block img,
    #leftblock .brand_logo,
    #leftblock .brandblock {
        max-width: 100%;
    }

    /* плитка значков: два в ряд, во всю ширину */
    #leftblock .block:nth-child(2) {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: space-between;
    }

    #leftblock .block:nth-child(2) > * {
        flex: 1 1 calc(50% - 4px);
        box-sizing: border-box;
        margin: 0;
    }

    #leftblock .block:nth-child(2) img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }
}

/* Строка поиска на телефоне была уже экрана — растягиваем на всю ширину
   и делаем поле выше, чтобы удобно попадать пальцем. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    #searchform,
    form[name="searchform"],
    .searchblock {
        width: auto;
        max-width: 100%;
        margin: 0 13px 13px;
        box-sizing: border-box;
    }

    #searchform input[type="text"],
    form[name="searchform"] input[type="text"],
    .searchblock input[type="text"] {
        width: 100%;
        max-width: 100%;
        height: 42px;
        font-size: 15px;
        box-sizing: border-box;
    }

    #searchform button,
    form[name="searchform"] button,
    .searchblock button,
    #searchform input[type="submit"] {
        height: 42px;
        min-width: 48px;
    }
}

/* На телефоне порядок такой: категории — товары — значки поставщиков.
   Боковой блок распускаем, чтобы его части встали в общий поток и каждая
   получила своё место. Ширина значков равна ширине карточки товара.
   КЭП 20.08.2026 */
@media (max-width: 1000px) {
    #leftblock {
        display: contents;
    }

    /* категории — первыми */
    #leftblock .block:first-child {
        order: 0;
        width: auto;
        margin: 8px 13px 0;
        padding: 0;
        box-sizing: border-box;
    }

    /* содержимое страницы — вторым */
    #content {
        order: 1;
    }

    /* значки поставщиков — последними, во всю ширину карточки товара */
    #leftblock .block:nth-child(2) {
        order: 2;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: space-between;
        width: auto;
        margin: 21px 13px 0;
        padding-top: 16px;
        border-top: 1px solid #eef1f5;
        box-sizing: border-box;
    }

    #leftblock .block:nth-child(2) > * {
        flex: 1 1 calc(50% - 4px);
        max-width: calc(50% - 4px);
        margin: 0;
        box-sizing: border-box;
    }

    #leftblock .block:nth-child(2) img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }
}

/* Строка поиска на телефоне ровно такой же ширины, как карточка товара:
   поля по 13 px от краёв экрана. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    #searchform,
    form[name="searchform"],
    .searchblock,
    #search,
    .search_block {
        display: block;
        width: auto !important;
        max-width: none;
        margin: 0 13px 13px !important;
        padding: 0;
        box-sizing: border-box;
    }

    #searchform input[type="text"],
    form[name="searchform"] input[type="text"],
    .searchblock input[type="text"] {
        width: 100%;
        box-sizing: border-box;
    }
}

/* Внутри строки поиска сидела обёртка со своими отступами 39 px слева —
   поле оставалось узким. Убираем их, поле занимает всю ширину. Значки
   поставщиков тоже растягиваем во всю ширину карточки. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    #searchform .search-form,
    form[name="searchform"] .search-form,
    .search-form {
        width: 100%;
        max-width: 100%;
        margin: 0 !important;
        box-sizing: border-box;
    }

    #searchform .inputsearch,
    .search-form .inputsearch {
        flex: 1 1 auto;
        width: 100%;
        max-width: 100%;
    }

    /* значки поставщиков: две колонки во всю ширину блока */
    #leftblock .block:nth-child(2) a,
    #leftblock .block:nth-child(2) > div,
    #leftblock .block:nth-child(2) > span {
        flex: 1 1 calc(50% - 4px);
        max-width: calc(50% - 4px);
        width: calc(50% - 4px);
        box-sizing: border-box;
        margin: 0;
        padding: 8px;
    }

    #leftblock .block:nth-child(2) img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }
}

/* Значки поставщиков на телефоне не показываем: место занимают, пользы
   не дают — бренды доступны отдельной страницей. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    #leftblock .block:nth-child(2) {
        display: none;
    }
}

/* Пустая корзина на телефоне не показывается: строка «товаров 0» занимает
   место в шапке и ничего не сообщает. Появится, как только положат товар.
   КЭП 20.08.2026 */
@media (max-width: 1000px) {
    #basket.basket-empty {
        display: none !important;
    }
}

/* Блоки категорий на телефоне были у́же карточки товара на 20 px: прежнее
   правило держало flex-basis calc(100% - 20px). Ставим во всю ширину —
   одна линия с карточками. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .category-list {
        margin: 5px 0;
    }

    .category-list-item {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        margin: 0 0 13px;
        box-sizing: border-box;
    }
}

/* Карточка товара на телефоне упиралась в блок категорий: зазора не было
   вовсе. Отбиваем сверху и ставим по одной линии с карточками витрины —
   боковые отступы в 10 px убираем. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    body.op-showitem #content {
        padding-top: 21px;
    }

    .product-container {
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
        box-sizing: border-box;
    }
}

/* Ширину карточка товара брала как calc(100% - 20px) — те же 20 px, что
   были у блоков категорий. Ставим во всю ширину. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .product-container {
        width: 100%;
    }
}

/* Кнопка заказа на телефоне уезжала за край экрана: таблица артикулов
   стоит фиксированной раскладкой, колонка цены выходила 57 px, а кнопка
   в ней — 96 px. Отдаём колонкам ширину по содержимому, кнопку ставим
   блоком во всю колонку и поднимаем до пальца. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    body.op-showitem table.form_table {
        table-layout: auto;
    }

    body.op-showitem table.form_table td {
        padding: 6px 5px;
    }

    /* кнопка «Заказать» */
    body.op-showitem td.pricetext table {
        width: 100% !important;
        padding: 0;
        margin-top: 6px;
    }

    body.op-showitem td.pricetext table td {
        width: auto !important;
        padding: 0;
    }

    body.op-showitem a.incart {
        display: block;
        width: 100%;
        box-sizing: border-box;
        min-height: 34px;
        line-height: 34px;
        padding: 0 8px;
        text-align: center;
        white-space: nowrap;
    }

    /* поле количества — под палец */
    body.op-showitem input[id^="inbasket"] {
        width: 44px;
        height: 32px;
        font-size: 15px;
        text-align: center;
        box-sizing: border-box;
    }
}

/* Поле количества держало inline-ширину 30 px — под палец мало. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    body.op-showitem input[id^="inbasket"] {
        width: 48px !important;
    }
}

/* Ссылки под товаром на телефоне шли строчками в 12 px — попасть пальцем
   нельзя. Разводим по строкам, каждая высотой под палец, на подложке
   карточки. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .info-block.item-links {
        margin: 0 0 21px !important;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .item-links .item-links-place,
    .item-links .item-links-actions {
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        background: #fafbfc;
        border: 1px solid #e2e6ea;
        border-radius: 7px;
        overflow: hidden;
    }

    .item-links .item-links-place {
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        gap: 6px;
        min-height: 44px;
        padding: 8px 13px;
        font-size: 14px;
        line-height: 20px;
    }

    .item-links .item-links-actions > a {
        display: flex;
        align-items: center;
        gap: 8px;
        min-height: 46px;
        padding: 10px 13px;
        font-size: 14px;
        line-height: 20px;
        position: relative;
    }

    /* разделитель между действиями — затухает слева направо */
    .item-links .item-links-actions > a + a::before {
        content: "";
        position: absolute;
        left: 13px;
        right: 0;
        top: 0;
        height: 1px;
        background: linear-gradient(90deg, #e3e8ee 0, #eaeef3 45%, rgba(234,238,243,.35) 68%, rgba(234,238,243,0) 82%);
    }

    .item-links .item-links-icon {
        width: 18px;
        height: 18px;
        flex: 0 0 18px;
    }
}

/* Строки не разошлись на всю ширину: у блока стояло align-items: center
   и дети сжимались по тексту. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .info-block.item-links {
        align-items: stretch;
    }

    .item-links .item-links-place,
    .item-links .item-links-actions,
    .item-links .item-links-actions > a {
        width: 100%;
        box-sizing: border-box;
    }
}

/* Описание и название товара шли с левым отступом 10—17 px и были у́же
   карточки. Ставим по её ширине. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .product-container > .product-header,
    .product-container > .product-content {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        box-sizing: border-box;
    }
}

/* ─── Блок покупки на телефоне: карточка артикула вместо таблицы ───
   Пять колонок в 388 px не помещаются: раскладка по содержимому резала
   артикул по буквам, фиксированная — уводила кнопку за экран. Строку
   разворачиваем в карточку, подписи полей берутся из шапки таблицы
   (data-label в showitem.php). КЭП 20.08.2026 */
@media (max-width: 1000px) {
    body.op-showitem table.form_table {
        display: block;
        overflow-x: visible;
        border-spacing: 0 !important;
        table-layout: auto;
    }

    body.op-showitem table.form_table > tbody {
        display: block;
        width: 100%;
    }

    /* шапка таблицы не нужна: подписи ушли в строки */
    body.op-showitem table.form_table > tbody > tr:first-child {
        display: none;
    }

    body.op-showitem tr.product-table-row {
        display: block;
        background: #fff;
        border: 1px solid #e2e6ea;
        border-radius: 4px;
        padding: 13px;
        margin: 0 0 13px;
        box-shadow: 0 2px 6px rgba(15, 25, 35, .08);
        box-sizing: border-box;
        font-weight: normal !important;
    }

    body.op-showitem td.art-cell {
        display: block;
        width: 100% !important;
        border: 0 !important;
        padding: 0 !important;
        text-align: left !important;
    }

    /* артикул — заголовок карточки */
    body.op-showitem td.art-serial {
        font-size: 15px;
        font-weight: 600;
        color: #1c2530;
        letter-spacing: .02em;
        margin-bottom: 8px !important;
    }

    /* исполнение — подпись сверху, значение под ней */
    body.op-showitem td.art-descr::before {
        content: attr(data-label);
        display: block;
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: .06em;
        color: #8b949e;
        margin-bottom: 2px;
    }

    body.op-showitem td.art-descr {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 8px !important;
    }

    /* наличие и количество — подпись слева, значение справа */
    body.op-showitem td.art-stock,
    body.op-showitem td.art-qty {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        gap: 13px;
        min-height: 34px;
        font-size: 14px;
    }

    body.op-showitem td.art-stock::before,
    body.op-showitem td.art-qty::before {
        content: attr(data-label);
        color: #70767d;
        font-size: 13px;
    }

    body.op-showitem td.art-qty > div {
        margin-top: 0 !important;
        text-align: right !important;
    }

    /* цена и кнопка — за затухающей чертой */
    body.op-showitem td.art-price {
        position: relative;
        margin-top: 13px !important;
        padding-top: 13px !important;
        text-align: left !important;
    }

    body.op-showitem td.art-price::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: 1px;
        background: linear-gradient(90deg, #cdd7e2 0, #d8e0e9 45%, rgba(216, 224, 233, .45) 68%, rgba(216, 224, 233, 0) 82%);
    }

    body.op-showitem td.art-price b {
        display: block;
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 10px;
    }

    body.op-showitem td.art-price table {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.op-showitem a.incart {
        min-height: 44px;
        line-height: 44px;
        font-size: 15px;
    }

    /* строка «цена без PVN» */
    body.op-showitem table.form_table > tbody > tr:last-child:not(.product-table-row) {
        display: block;
        text-align: right;
    }

    body.op-showitem table.form_table > tbody > tr:last-child:not(.product-table-row) td[colspan] {
        display: none;
    }

    body.op-showitem table.form_table > tbody > tr:last-child:not(.product-table-row) td {
        display: block;
        width: 100% !important;
        border: 0 !important;
        text-align: right !important;
        padding: 0 !important;
    }
}

/* Таблица держала боковой отступ 10 px — карточка была у́же остальных
   блоков. Убираем, ширина одна на всю страницу. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    body.op-showitem table.form_table {
        padding: 0 !important;
    }
}

/* «Под заказ» вставало третьим в строку количества и распирало её.
   Переносим отдельной строкой. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    body.op-showitem td.art-qty {
        flex-wrap: wrap;
    }

    body.op-showitem td.art-qty > div {
        flex: 1 0 100%;
        margin-top: 4px !important;
        text-align: right !important;
        font-size: 13px;
    }
}

/* Одна ширина на всех страницах телефона — по карточке товара.
   Инфо-страницы шли 309 px, бренды 363 px, фото товара 311 px при общей
   ширине 388 px. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    /* фото товара */
    body.op-showitem .product-image {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    body.op-showitem .product-image img {
        max-width: 100%;
        height: auto;
    }

    /* информационные страницы */
    .sitepages_content {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
    }

    /* бренды */
    body.op-brands .brands_list,
    body.op-brands #content > table {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        box-sizing: border-box;
    }
}

/* Правый отступ 50 px у #content отъедал ширину на информационных
   страницах: контент шёл 14..366 вместо 14..403. Одна ширина на всех
   страницах телефона. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    #content {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* Главное фото занимало 311 px при доступных 388 — оригинал 700 px,
   запас есть. Растягиваем по ширине карточки, лента миниатюр держала
   inline-ширину 202 px — тоже во всю ширину. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    body.op-showitem .product-featured-img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    body.op-showitem .product-image > a {
        display: block;
        width: 100%;
    }

    body.op-showitem .product-image > div[style] {
        width: 100% !important;
        box-sizing: border-box;
    }

    body.op-showitem .gallery-container {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        width: 100%;
    }

    body.op-showitem .gallery-img {
        flex: 0 0 calc(33.333% - 6px);
        max-width: calc(33.333% - 6px);
    }

    body.op-showitem .gallery-img img {
        width: 100%;
        height: auto;
    }

    /* логотип бренда остаётся прежним */
    body.op-showitem .product-image > a:first-child {
        width: auto;
        text-align: center;
    }
}

/* Главное фото держало правило width: 80% !important из старой мобильной
   вёрстки — перебиваем тем же весом. Дополнительные снимки ставим ровной
   сеткой по три в ряд, одного размера. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    body.op-showitem .product-featured-img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }

    body.op-showitem .product-image {
        width: 100% !important;
    }

    body.op-showitem .gallery-container {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
        width: 100%;
    }

    body.op-showitem .gallery-img {
        flex: none;
        max-width: none;
        width: 100%;
        margin: 0 !important;
    }

    body.op-showitem .gallery-img a {
        display: block;
        width: 100%;
    }

    body.op-showitem .gallery-img img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 4 / 3;
        /* contain, не cover: cover подгонял снимок под плитку и срезал
           у товара края - подлокотники, ножки. КЭП 22.08.2026 */
        object-fit: contain;
        background: #fff;
        display: block;
    }
}

/* Дополнительные снимки — по два в ряд, крупнее. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    body.op-showitem .gallery-container {
        grid-template-columns: repeat(2, 1fr);
        gap: 13px;
    }
}

/* Логотип бренда над фото — крупнее, и отбить его от снимка.
   КЭП 20.08.2026 */
@media (max-width: 1000px) {
    body.op-showitem .product-image .logo_image {
        width: 260px;
        max-width: 70%;
        height: auto;
        margin-bottom: 21px;
    }
}

/* Ссылка вокруг логотипа шла по содержимому, и процент от неё сжимал
   значок вместо увеличения. Отдаём ссылке всю ширину. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    body.op-showitem .product-image > a:first-child {
        width: 100%;
        display: block;
        text-align: center;
    }

    body.op-showitem .product-image .logo_image {
        width: 260px;
        max-width: 70%;
    }
}

/* Два действия сидели в одной рамке и читались как один блок. Разводим
   в отдельные карточки. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .item-links .item-links-actions {
        background: none;
        border: 0;
        border-radius: 0;
        overflow: visible;
        gap: 8px;
    }

    .item-links .item-links-actions > a {
        box-sizing: border-box;
        background: #fafbfc;
        border: 1px solid #e2e6ea;
        border-radius: 7px;
    }

    /* разделитель между действиями больше не нужен */
    .item-links .item-links-actions > a + a::before {
        content: none;
    }
}

/* Окно комментария вылезало за экран на 122 px: fieldset по спецификации
   не сжимается ниже min-content, а поля объявлены size="65". Снимаем
   ограничение и раскладываем форму по ширине. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    fieldset.addComment {
        min-width: 0;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    fieldset.addComment p {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    fieldset.addComment input[type="text"],
    fieldset.addComment textarea {
        width: 100% !important;
        max-width: 100%;
        box-sizing: border-box;
        font-size: 15px;
    }

    fieldset.addComment input[type="text"] {
        min-height: 42px;
        padding: 0 11px;
    }

    fieldset.addComment textarea {
        min-height: 120px;
        padding: 10px 11px;
        line-height: 21px;
    }

    /* строка секретного кода: картинка, поле и кнопка не в одну линию */
    fieldset.addComment p.scode {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
    }

    fieldset.addComment p.scode img {
        max-width: 100%;
        height: auto;
    }

    fieldset.addComment p.scode input[type="text"] {
        width: 90px !important;
        flex: 0 0 90px;
        text-align: center;
    }

    fieldset.addComment input[type="submit"] {
        flex: 1 0 100%;
        width: 100%;
        min-height: 44px;
        font-size: 15px;
        box-sizing: border-box;
    }
}

/* Название товара в карточке витрины на телефоне — крупнее.
   КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .item .item_name a,
    .item .item_name h2 a {
        font-size: 18px;
        line-height: 24px;
    }
}

/* Серый блок расширенного поиска на телефоне не показываем: место
   занимает, а искать удобнее строкой сверху. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    body.op-search #content > form[action$="search.html"] {
        display: none;
    }

    body.op-search #sitemap {
        display: none;
    }
}

/* Приписка «цена без НДС» внутри карточки артикула: на телефоне стоит
   под ценой и над кнопкой, на десктопе не показывается — там она остаётся
   отдельной строкой под таблицей. КЭП 20.08.2026 */
.art-novat {
    display: none;
}

@media (max-width: 1000px) {
    body.op-showitem td.art-price .art-novat {
        display: block;
        margin: -4px 0 10px;
        font-size: 13px;
        line-height: 18px;
        color: #70767d;
        font-weight: normal;
    }

    /* прежняя строка под таблицей на телефоне больше не нужна */
    body.op-showitem table.form_table > tbody > tr:last-child:not(.product-table-row) {
        display: none;
    }
}

/* Названия разделов в списке на телефоне — крупнее и весомее: это
   заголовок карточки, а шёл он тем же кеглем, что подписи внутри.
   КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .category-item-name,
    .category-list-title,
    .category-item-name a {
        font-size: 19px;
        line-height: 26px;
        font-weight: 600;
    }
}

/* Названия подразделов на телефоне читались плохо: серый #70767d в 14 px.
   Кегль крупнее, тон темнее. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .subcategory a,
    .subcategory-list a {
        font-size: 15px;
        line-height: 26px;
        color: #31404f;
    }
}

/* Информационные страницы на телефоне: подложка разделов держала боковые
   поля 18—20 px, и текст шёл у́же карточки товара. Поля убираем, текст
   встаёт по той же линии. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .sitepages_content .legal-cards {
        padding-left: 0;
        padding-right: 0;
    }

    .sitepages_content .legal-seller,
    .sitepages_content .page-contacts,
    .sitepages_content .lg-card,
    .sitepages_content .lg-note {
        padding-left: 13px;
        padding-right: 13px;
    }

    .sitepages_content > p:last-of-type,
    .sitepages_content .legal-cards + p {
        padding-left: 13px;
        padding-right: 13px;
    }
}

/* Бренды на телефоне: подложка и карточки держали боковые поля, текст шёл
   36..381 вместо общей линии. Ставим по ширине карточки товара.
   КЭП 20.08.2026 */
@media (max-width: 1000px) {
    body.op-brands .brands_list {
        padding-left: 0;
        padding-right: 0;
    }

    body.op-brands .brands_item {
        margin-left: 0;
        margin-right: 0;
        padding-left: 13px;
        padding-right: 13px;
        box-sizing: border-box;
    }
}

/* Карточка бренда держала width: 95% из старой мобильной вёрстки —
   правый край не дотягивал 20 px. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    body.op-brands .brands_item {
        width: 100%;
        max-width: 100%;
    }
}

/* На служебных страницах телефона список каталога не нужен: он занимает
   целый экран перед содержимым. Оставляем его там, где по нему ходят —
   витрина, разделы, карточка товара. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    body.page-feedback #leftblock,
    body.page-account #leftblock,
    body.op-search #leftblock,
    body.op-brands #leftblock,
    body.op-cart #leftblock,
    body.op-checkout #leftblock,
    body.op-ordered #leftblock,
    body.page-feedback #leftblock .block,
    body.page-account #leftblock .block,
    body.op-search #leftblock .block,
    body.op-brands #leftblock .block,
    body.op-cart #leftblock .block,
    body.op-checkout #leftblock .block,
    body.op-ordered #leftblock .block {
        display: none !important;
    }
}

/* Служебные страницы без боковой колонки — и на большом экране тоже:
   список каталога и значки поставщиков там ни к чему, а место отъедают.
   Оставляем колонку там, где по ней ходят: витрина, разделы, товар.
   Отступы контента берём такие же, как на страницах условий.
   КЭП 20.08.2026 */
body.page-feedback #leftblock,
body.page-account #leftblock,
body.op-search #leftblock,
body.op-brands #leftblock,
body.op-cart #leftblock,
body.op-checkout #leftblock,
body.op-ordered #leftblock {
    display: none;
}

body.page-feedback #content,
body.page-account #content,
body.op-search #content,
body.op-brands #content,
body.op-cart #content,
body.op-checkout #content,
body.op-ordered #content {
    margin-left: 55px;
    margin-right: 50px;
}

/* Футер телефона: ссылки перенесены в меню под тремя чёрточками, внизу
   остаются только реквизиты. Прежде футер повторял пункты меню и занимал
   пол-экрана. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .newfooter .footer-links,
    .newfooter .footer-links-second {
        display: none;
    }

    /* пункты условий в меню — отделены чертой, кегль тот же */
    .mobile-menu .mobile-menu-extra:first-of-type {
        border-top: 1px solid rgba(255, 255, 255, .18);
        margin-top: 8px;
        padding-top: 8px;
    }
}

/* Черта перед разделом условий в меню: фон меню светлый, прежняя белая
   линия на нём не читалась. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .mobile-menu .mobile-menu-extra:first-of-type {
        border-top: 1px solid #dfe4ea;
        margin-top: 6px;
        padding-top: 6px;
    }
}

/* :first-of-type смотрит на тип элемента, а не на класс, и правило не
   совпадало ни с чем. Целимся в первый пункт условий — тот, что идёт
   сразу после обычного пункта меню. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .mobile-menu li:not(.mobile-menu-extra) + li.mobile-menu-extra {
        border-top: 2px solid #dfe4ea;
    }
}

/* Телефон и почта в футере телефона уходят на свою строку целиком:
   прежде строка рвалась посередине номера. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .footer-legal .footer-contacts {
        display: block;
        margin-top: 3px;
    }

    /* точка-разделитель в начале своей строки не нужна */
    .footer-legal .footer-contacts {
        text-indent: 0;
    }
}

/* На телефоне контакты идут своей строкой — точка перед ними лишняя.
   КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .footer-legal .footer-dot {
        display: none;
    }
}

/* Корзина на телефоне: форма держала боковой отступ и ширину от десктопа,
   всё шло 49..367 вместо общей линии. Кнопки «Продолжить» и «Оформить»
   стояли встык в одну строку — разводим по строкам во всю ширину, главная
   выделена цветом. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    body.op-cart #content > form,
    body.op-checkout #content > form {
        width: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
    }

    .cart-row,
    .cart-row-main,
    .checkout-sums,
    .cart-total {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    .cart-buttons {
        display: flex;
        flex-direction: column;
        gap: 13px;
        width: 100%;
        margin-top: 21px;
    }

    .cart-buttons .cart-btn {
        width: 100%;
        min-height: 46px;
        line-height: 46px;
        padding: 0 13px;
        text-align: center;
        box-sizing: border-box;
        font-size: 15px;
    }
}

/* Количество и цена в корзине телефона стояли на разной высоте: подпись
   «Skaits» уводила поле вниз, цена держала свой отступ сверху. Ставим их
   одной строкой по нижнему краю: слева количество, справа цена и крестик.
   Строка товара во всю ширину. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .cart-row {
        width: 100%;
        box-sizing: border-box;
    }

    .cart-row-count,
    .cart-row-price {
        flex: 1 1 50%;
        max-width: 50%;
        width: auto;
        box-sizing: border-box;
    }

    .cart-row-count {
        display: flex;
        align-items: center;
        gap: 8px;
        padding-top: 13px;
        margin: 0;
    }

    .cart-row-count .login-label {
        margin: 0;
        white-space: nowrap;
    }

    .cart-row-count input[type="text"] {
        width: 60px;
        min-height: 38px;
        text-align: center;
        box-sizing: border-box;
    }

    .cart-row-price {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 10px;
        margin: 0;
        padding-top: 13px;
    }
}

/* Строка товара в корзине телефона: слева фото, справа название, артикул и
   описание — ровной колонкой. Прежде фото и текст расходились по ширине, а
   описание вылезало из-под фото. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .cart-row {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .cart-row-pic {
        flex: 0 0 90px;
        width: 90px;
        margin: 0 13px 0 0;
    }

    .cart-row-pic img {
        width: 100%;
        height: auto;
        display: block;
    }

    .cart-row-main {
        flex: 1 1 0;
        min-width: 0;
        padding-right: 0;
    }

    .cart-row-descr {
        margin-top: 6px;
        font-size: 13px;
        line-height: 19px;
    }
}

/* Колонка описания сжималась: количество и цена делили с ней одну строку.
   Отдаём описанию весь остаток первой строки — количество и цена уходят
   вниз своей строкой. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .cart-row-main {
        flex: 1 1 calc(100% - 103px);
        min-width: calc(100% - 103px);
    }

    .cart-row-count,
    .cart-row-price {
        flex: 0 0 50%;
        max-width: 50%;
        min-width: 0;
    }
}

/* Крестик удаления уходил на свою строку под количество. Ставим его в ряд
   с ценой: количество слева, цена и крестик справа. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .cart-row-count {
        flex: 0 0 auto;
        max-width: none;
    }

    .cart-row-price {
        flex: 1 1 auto;
        max-width: none;
    }

    .cart-row-del {
        flex: 0 0 auto;
        margin: 0 0 0 10px;
        padding-top: 13px;
        align-self: center;
    }
}

/* В самой корзине строка «товаров N, сумма» не нужна: те же цифры стоят
   ниже в итогах. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    body.op-cart #basket,
    body.op-checkout #basket,
    body.op-ordered #basket {
        display: none !important;
    }
}

/* Строка корзины на телефоне рвалась надвое: блок был у́же экрана.
   Даём ему всю ширину и держим в одну строку. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .left-mobile #basket {
        width: auto;
        max-width: 100%;
        margin: 0 13px;
        text-align: center;
    }

    .left-mobile #basket a {
        display: inline-block;
        white-space: nowrap;
        max-width: 100%;
    }
}

/* Цена стояла выше поля количества: блоки в строке выравнивались по
   верхнему краю, а высоты у них разные. Ставим количество, цену и крестик
   по одной средней линии. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .cart-row-count,
    .cart-row-price,
    .cart-row-del-btn {
        align-self: center;
    }

    .cart-row-price {
        padding-top: 13px;
        min-height: 51px;
    }

    .cart-row-del-btn {
        margin-top: 13px;
    }
}

/* Цена оставалась выше поля на 6 px: у блока количества был свой отступ
   сверху, и середины линий не совпадали. Убираем отступы у обоих, отбивку
   от описания даёт сама строка. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .cart-row-count,
    .cart-row-price {
        padding-top: 0;
        min-height: 0;
        margin-top: 13px;
    }

    .cart-row-del-btn {
        margin-top: 13px;
        align-self: center;
    }
}

/* Меню телефона: один кегль на все пункты, чуть крупнее прежнего — по
   строкам удобнее попадать пальцем. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .mobile-menu ul li a {
        font-size: 16px;
        line-height: 24px;
        text-transform: none;
    }
}

/* Кегль меню перебивался правилом с большим весом — задаём с тем же.
   КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .mobile-menu-btn .mobile-menu ul li a,
    #mobile-top .mobile-menu ul li a {
        font-size: 16px;
        line-height: 26px;
    }
}

/* Строки меню: нажимается вся ширина строки, а не только текст, и высота
   под палец. Прежде ссылка занимала лишь свои 53 px. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .mobile-menu ul li {
        padding: 0;
        min-height: 52px;
    }

    .mobile-menu ul li a,
    #mobile-top .mobile-menu ul li a {
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 52px;
        padding: 0 21px;
        box-sizing: border-box;
        font-size: 17px;
        line-height: 24px;
    }
}

/* Разделители в меню — затухающие слева направо, как на страницах
   условий: сплошная серая линия резала список пополам. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .mobile-menu ul li {
        border-bottom: 0 !important;
        position: relative;
    }

    .mobile-menu ul li + li::after {
        content: "";
        position: absolute;
        left: 21px;
        right: 0;
        top: 0;
        height: 1px;
        background: linear-gradient(90deg, #dfe4ea 0, #e6eaef 45%, rgba(230, 234, 239, .35) 68%, rgba(230, 234, 239, 0) 82%);
    }

    /* черта перед разделом условий — заметнее, тоже затухает */
    .mobile-menu li:not(.mobile-menu-extra) + li.mobile-menu-extra {
        border-top: 0 !important;
    }

    .mobile-menu li:not(.mobile-menu-extra) + li.mobile-menu-extra::after {
        left: 0;
        height: 2px;
        background: linear-gradient(90deg, #cfd6de 0, #dfe4ea 45%, rgba(223, 228, 234, .35) 68%, rgba(223, 228, 234, 0) 82%);
    }
}

/* Цвет в меню телефона — фирменный: основные разделы тёмным, условия
   тоном светлее, черта перед ними и нажатая строка оранжевым.
   Палитра прежняя: #e87b24 акцент, #1f2733 текст. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .mobile-menu ul li a,
    #mobile-top .mobile-menu ul li a {
        color: #1f2733;
    }

    .mobile-menu ul li.mobile-menu-extra a {
        color: #5b6b80;
        font-size: 16px;
    }

    /* нажатая строка — светлая оранжевая подложка */
    .mobile-menu ul li a:active,
    .mobile-menu ul li a:hover {
        background: #fdf4ec;
        color: #e87b24;
    }

    /* вход — акцентом: это действие, а не раздел */
    .mobile-menu ul li:first-child a {
        color: #e87b24;
        font-weight: 600;
    }

    /* черта перед условиями — фирменного тона */
    .mobile-menu li:not(.mobile-menu-extra) + li.mobile-menu-extra::after {
        background: linear-gradient(90deg, #e87b24 0, rgba(232, 123, 36, .55) 45%, rgba(232, 123, 36, .2) 68%, rgba(232, 123, 36, 0) 82%);
    }
}

/* Оранжевая черта после «Контактов» резала список и выбивалась из
   оформления. Возвращаем тот же затухающий серый, что между пунктами,
   только плотнее. Отдельный цвет у «Войти» тоже убираем: он всё равно
   перебивался разметкой и давал полумеру. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .mobile-menu li:not(.mobile-menu-extra) + li.mobile-menu-extra::after {
        height: 1px;
        background: linear-gradient(90deg, #cfd6de 0, #dfe4ea 45%, rgba(223, 228, 234, .35) 68%, rgba(223, 228, 234, 0) 82%);
    }

    .mobile-menu ul li:first-child a {
        color: #1f2733;
        font-weight: inherit;
    }
}

/* Все разделители в меню — оранжевые затухающие, как черта после
   «Контактов». КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .mobile-menu ul li + li::after,
    .mobile-menu li:not(.mobile-menu-extra) + li.mobile-menu-extra::after {
        height: 1px;
        background: linear-gradient(90deg, #e87b24 0, rgba(232, 123, 36, .55) 45%, rgba(232, 123, 36, .2) 68%, rgba(232, 123, 36, 0) 82%);
    }
}

/* Линии плотнее: при толщине в один пиксель часть строк на экране
   телефона выцветала до серого. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .mobile-menu ul li + li::after,
    .mobile-menu li:not(.mobile-menu-extra) + li.mobile-menu-extra::after {
        height: 2px;
        background: linear-gradient(90deg, #e87b24 0, rgba(232, 123, 36, .7) 45%, rgba(232, 123, 36, .3) 68%, rgba(232, 123, 36, 0) 84%);
    }
}

/* Черта перед разделом условий шла от самого края и выбивалась из ряда.
   Ставим по линии текста, как остальные. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .mobile-menu li:not(.mobile-menu-extra) + li.mobile-menu-extra::after {
        left: 21px;
    }
}

/* Строка корзины лежала вплотную к строке поиска. Отбиваем сверху и снизу.
   КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .left-mobile #basket {
        margin-top: 13px;
        margin-bottom: 13px;
    }
}

/* Подписи полей входа ушли внутрь окон — отдельные строки над ними на
   телефоне не нужны. В разметке ярлыки остаются: их читает экранный
   диктор. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .login-card .login-label {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
        border: 0;
    }

    .login-card .login-input {
        min-height: 44px;
        margin-bottom: 13px;
        font-size: 15px;
    }
}

/* Корзина на телефоне съезжала вправо: у кнопок оставался левый отступ
   13 px, а карточка держала поля 34 px. Ставим всё по одной линии.
   КЭП 20.08.2026 */
@media (max-width: 1000px) {
    body.op-cart .login-card,
    body.op-checkout .login-card,
    body.op-ordered .login-card {
        padding: 21px;
        box-sizing: border-box;
    }

    .cart-buttons .cart-btn {
        margin: 0;
    }

    .cart-row {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

/* Карточка вылезала за правый край: ширина считалась не от содержимого.
   Форма внутри держала боковой отступ 10 px, из-за него строка товара шла
   у́же итогов. Приводим к одной линии. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    body.op-cart .login-card,
    body.op-checkout .login-card,
    body.op-ordered .login-card {
        width: 100%;
        max-width: 100%;
    }

    body.op-cart .login-card form,
    body.op-checkout .login-card form {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        box-sizing: border-box;
    }
}

/* Правило пряталось слишком широко: подпись «Skaits» в корзине помечена
   тем же классом, что подписи полей входа, и тоже исчезла. Прячем только
   в самой форме входа. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .cart-row-count .login-label {
        position: static;
        width: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        clip: auto;
    }
}

/* Подписи полей формы обращения ушли внутрь окон — строки над ними на
   телефоне не нужны. Ярлыки остаются в разметке: их читает экранный
   диктор. Поля крупнее, под палец. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .riki-form .riki-form-label {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
        border: 0;
    }

    .riki-form .riki-input,
    .riki-form .riki-select {
        min-height: 44px;
        font-size: 15px;
    }

    .riki-form .riki-textarea {
        min-height: 110px;
        font-size: 15px;
    }

    .riki-form .riki-form-row > div + div {
        margin-top: 13px;
    }
}

/* Проверка «я не робот» стояла у́же полей и не дотягивала до правого края:
   её уменьшают до 0.9 без поправки на ширину. Ставим по левой линии полей
   и убираем пустоту справа. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .riki-captcha-wrap {
        width: 100%;
        transform: scale(0.9);
        transform-origin: left top;
        margin-bottom: 0;
    }
}

/* Значки в контактах стояли по верхнему краю, вровень с мелкой подписью,
   а не с самим значением. Прижимаем к низу тёмной строки. КЭП 20.08.2026 */
.riki-info-row {
    align-items: flex-end;
}

/* Прежнее правило перебивалось более весомым — задаём с тем же весом и
   прижимаем сам значок. КЭП 20.08.2026 */
.riki-info .riki-info-row {
    align-items: flex-end;
}

.riki-info .riki-info-row .riki-info-icon {
    align-self: flex-end;
    margin-bottom: 0;
}

/* Подписи внутри полей — и на большом экране: строки над окнами больше не
   нужны ни в форме входа, ни в форме обращения. В разметке ярлыки
   остаются, их читает экранный диктор. КЭП 20.08.2026 */
#accountLogin .login-label,
.riki-form .riki-form-label {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

/* Выбор получателя («Pārdošanas speciālists») шёл у́же остальных полей —
   ширина считалась по самому длинному варианту. Ставим во всю ширину, как
   поле сообщения. КЭП 20.08.2026 */
.riki-form .riki-select {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* Значки в контактах поднимаем на пару пикселей: по низу рамки они
   казались опущенными относительно строки текста. КЭП 20.08.2026 */
.riki-info .riki-info-row .riki-info-icon {
    position: relative;
    bottom: 3px;
}

/* Ещё немного выше — особенно заметно у строки с двумя телефонами.
   КЭП 20.08.2026 */
.riki-info .riki-info-row .riki-info-icon {
    bottom: 6px;
}

/* Контактную форму поднимаем: над ней оставался отступ в 41 px, пустой
   на обеих версиях. КЭП 20.08.2026 */
.riki-contact-wrap {
    margin-top: 0;
}

body.page-feedback #content {
    padding-top: 0;
}

/* Отступ обёртки перебивался правилом с большим весом — задаём с тем же.
   КЭП 20.08.2026 */
body.page-feedback .riki-contact-wrap,
body.page-feedback form.feedback .riki-contact-wrap {
    margin-top: 0;
}

body.page-feedback form.feedback {
    margin-top: 0;
    padding-top: 0;
}

/* Название фирмы с регистрационным номером и заголовок формы — по центру
   своих блоков. КЭП 20.08.2026 */
.riki-info .riki-info-title,
.riki-info .riki-info-reg,
.riki-form .riki-form-title {
    text-align: center;
}

/* Список категорий: текст крупнее, разделители — оранжевые затухающие,
   как в меню под тремя чёрточками. Прежде линию рисовала фоновая картинка
   с пунктиром. КЭП 20.08.2026 */
#leftblock .block .catalogitem,
#leftblock .block .subcat-wrap {
    background-image: none;
}

#leftblock .block .catalogitem {
    position: relative;
}

#leftblock .block .catalogitem::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: linear-gradient(90deg, #e87b24 0, rgba(232, 123, 36, .7) 45%, rgba(232, 123, 36, .3) 68%, rgba(232, 123, 36, 0) 84%);
}

#leftblock .block .catalogitem a.menutext {
    font-size: 16px;
    line-height: 22px;
}

@media (max-width: 1000px) {
    #leftblock .block .catalogitem a.menutext {
        font-size: 17px;
        line-height: 24px;
    }

    #leftblock .block .catalogitem {
        padding-top: 8px;
        padding-bottom: 10px;
    }
}

/* Подкатегории в списке слева — тем же кеглем, что разделы верхнего
   уровня: разнобой 17 и 15 бросался в глаза. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    #leftblock .block .subcat-wrap a,
    #leftblock .block .subcat-wrap .menutext {
        font-size: 17px;
        line-height: 24px;
    }
}

/* Подразделы внутри карточки раздела — тем же кеглем 17, что и остальные
   пункты каталога. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .subcategory a,
    .subcategory-list a {
        font-size: 17px;
        line-height: 26px;
    }
}

/* Кнопка меню: полоски синим, тем же, что заголовки на сайте, и центр
   кнопки — ровно над кнопкой поиска. Прежде она стояла правее на 15 px и
   была серой. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .mobile-menu-btn label > div {
        background: #1a2535;
    }

    .mobile-menu-btn {
        position: relative;
        right: 15px;
    }
}

/* Переключатель языка на телефоне: кнопка крупнее, список языков —
   аккуратной карточкой столбиком под ней. Прежде варианты шли в одну
   строку мелкими буквами и попасть пальцем было трудно. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .lang-wrap .lang-block {
        min-width: 38px;
        height: 34px;
        line-height: 34px;
        padding: 0 6px;
        font-size: 17px;
        font-weight: 600;
        text-align: center;
        border-radius: 7px;
    }

    .lang-wrap .lang-box {
        left: auto;
        right: 0;
        width: auto;
        min-width: 92px;
        padding: 5px 0;
        background: #fff;
        border: 1px solid #e2e6ea;
        border-radius: 4px;
        box-shadow: 0 6px 18px rgba(15, 25, 35, .12);
    }

    .lang-wrap .lang-box .lang {
        display: block;
        width: 100%;
        margin: 0;
        position: relative;
    }

    .lang-wrap .lang-box .lang + .lang::after {
        content: "";
        position: absolute;
        left: 13px;
        right: 0;
        top: 0;
        height: 2px;
        background: linear-gradient(90deg, #e87b24 0, rgba(232, 123, 36, .7) 45%, rgba(232, 123, 36, .3) 68%, rgba(232, 123, 36, 0) 84%);
    }

    .lang-wrap .lang-box .lang a {
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 42px;
        padding: 0 16px;
        box-sizing: border-box;
        font-size: 16px;
        color: #1a2535;
    }

    .lang-wrap .lang-box .lang a.langactive {
        color: #e87b24;
        font-weight: 600;
    }
}

/* Кнопку языка двигаем левее, к переключателю меню, и красим в фирменный
   оранжевый. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .lang-wrap {
        position: relative;
        right: 13px;
    }

    .lang-wrap .lang-block {
        color: #e87b24;
    }
}

/* Меню перестало раскрываться: сдвиг кнопки сделали через position:
   relative, и выпадающий список, растянутый left/right, начал считаться от
   самой кнопки шириной 25 px — схлопнулся в ноль. Двигаем кнопку отступом,
   не трогая систему координат. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .mobile-menu-btn {
        position: static;
        right: auto;
        margin-right: 15px;
    }
}

/* Кнопка языка ещё крупнее — на 15% от нынешнего. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .lang-wrap .lang-block {
        min-width: 44px;
        height: 39px;
        line-height: 39px;
        font-size: 20px;
    }
}

/* Кнопка языка ещё крупнее. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .lang-wrap .lang-block {
        min-width: 52px;
        height: 46px;
        line-height: 46px;
        font-size: 23px;
    }
}

/* Кнопку языка двигаем правее, ближе к меню: между ними стояло 41 px
   пустоты. Сам значок меню укрупняем, чтобы обе кнопки читались наравне.
   КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .lang-wrap {
        right: 0;
    }

    .mobile-menu-btn label > div {
        width: 34px;
        height: 4px;
        margin-bottom: 7px;
    }

    .mobile-menu-btn label > div:last-child {
        margin-bottom: 0;
    }
}

/* Кнопка языка и кнопка меню — одного размера, 46×46: прежде первая была
   64×46, вторая 25×25, и рядом они выглядели вразнобой. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .lang-wrap .lang-block {
        width: 46px;
        min-width: 46px;
        height: 46px;
        line-height: 46px;
        padding: 0;
        font-size: 19px;
    }

    .mobile-menu-btn label {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 46px;
        height: 46px;
        box-sizing: border-box;
    }

    .mobile-menu-btn label > div {
        width: 30px;
        height: 4px;
        margin-bottom: 6px;
    }

    .mobile-menu-btn label > div:last-child {
        margin-bottom: 0;
    }
}

/* После укрупнения кнопка меню ушла левее кнопки поиска на 11 px —
   возвращаем на одну вертикаль. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .mobile-menu-btn {
        margin-right: 4px;
    }
}

/* Буквы «LV» терялись в своём квадрате: три полоски занимают почти всю
   ширину кнопки, а надпись — меньше половины. Кегль крупнее, вес выше.
   КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .lang-wrap .lang-block {
        font-size: 24px;
        font-weight: 700;
        letter-spacing: .01em;
    }
}

/* Кнопка языка заметно крупнее: сама кнопка 58×52, буквы 28.
   КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .lang-wrap .lang-block {
        width: 58px;
        min-width: 58px;
        height: 52px;
        line-height: 52px;
        font-size: 28px;
    }
}

/* Кегль надписи перебивался правилом с большим весом — задаём с тем же.
   Кнопки языка и меню на одной средней линии. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    #mobile-top .lang-wrap .lang-block,
    .right-mobile .lang-wrap .lang-block {
        font-size: 26px;
        line-height: 52px;
    }

    #mobile-top .right-mobile {
        display: flex;
        align-items: center;
    }
}

/* Кнопку языка сдвигаем на 5 px вправо. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .lang-wrap {
        right: -5px;
    }
}

/* Ещё 5 px вправо. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .lang-wrap {
        right: -10px;
    }
}

/* Кнопку языка на пиксель выше. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .lang-wrap {
        bottom: 1px;
    }
}

/* Ещё 5 px вправо. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .lang-wrap {
        right: -15px;
    }
}

/* Логотип на телефоне крупнее: справа оставалось 50 px свободного места.
   Оригинал 498 px шириной, запас есть. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    #mobile-logo {
        width: 230px;
        height: auto;
    }
}

/* Прибавка помягче: 200 → 213 px. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    #mobile-logo {
        width: 213px;
    }
}

/* Ещё столько же: 213 → 226 px. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    #mobile-logo {
        width: 226px;
    }
}

/* Обе кнопки шапки на 3 пикселя выше. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .lang-wrap {
        bottom: 4px;
    }

    .mobile-menu-btn {
        position: relative;
        bottom: 3px;
    }
}

/* Снова наступили на те же грабли: position: relative у кнопки меню
   заставляет выпадающий список считать ширину от неё и схлопывает его.
   Двигаем отступом. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .mobile-menu-btn {
        position: static;
        bottom: auto;
        margin-top: -3px;
    }
}

/* Довожу до одной линии: центр кнопки меню стоял на 3 px ниже кнопки
   языка. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .mobile-menu-btn {
        margin-top: -6px;
    }
}

/* Значки Salidzini и Kurpirkt под футером: ставим по центру, вплотную к
   футеру их прижимало без зазора, а сами они уезжали влево.
   КЭП 20.08.2026 */
.counters {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 13px;
    padding: 21px 13px 34px;
    box-sizing: border-box;
}

.counters .counter {
    margin: 0;
}

@media (max-width: 1000px) {
    .counters {
        width: auto !important;
        max-width: 100%;
        padding: 21px 13px 34px;
    }
}

/* Оранжевые линии и крупный шрифт в списке категорий — только на телефоне.
   На большом экране возвращаем прежний вид: пунктирная подложка снизу и
   кегль 15. КЭП 20.08.2026 */
@media (min-width: 1001px) {
    #leftblock .block .catalogitem {
        background: url(images/mcraft5_r2_c1.jpg) no-repeat bottom;
    }

    #leftblock .block .catalogitem::after {
        content: none;
    }

    #leftblock .block .catalogitem a.menutext {
        font-size: 13px;   /* 15 -> 13: КЭП 23.08.2026, левый блок без болда и мельче */
        line-height: normal;
    }
}

/* Значки Salidzini и Kurpirkt возвращаем влево и ближе к футеру: по центру
   и с большим отступом они висели сами по себе. КЭП 20.08.2026 */
.counters {
    justify-content: flex-start;
    padding: 8px 13px 21px;
}

/* Значки поднимаем к содержимому страницы: между ними и последним блоком
   не было отбивки вовсе, а до футера оставалось 20 px — теперь наоборот.
   КЭП 20.08.2026 */
.counters {
    padding: 21px 13px 5px;
}

/* Отбивку сверху оставляем прежней, а к футеру значки подтягиваем:
   собственный отступ футера добавлял ещё 20 px. КЭП 20.08.2026 */
.counters {
    padding: 21px 13px 0;
    margin-bottom: -14px;
}

/* На телефоне колонка раскрывается в общий поток, и значки оказались между
   категориями и товарами. Отправляем их вниз, перед футер, и по левому
   краю. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .counters {
        order: 3;
        justify-content: flex-start;
        padding: 21px 13px 0;
        margin-bottom: -14px;
        width: auto;
    }
}

/* Значки на телефоне держались по центру: блок унаследовал выравнивание
   колонки. Прижимаем к левому краю страницы. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .counters {
        align-self: stretch;
        margin-left: 0;
        margin-right: 0;
    }
}

/* Блок так и стоял по центру — задаём ширину явно. КЭП 20.08.2026 */
@media (max-width: 1000px) {
    .counters {
        width: 100% !important;
        max-width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* Значки в левой колонке опускаем ниже: они шли впритык к последнему
   разделу. КЭП 20.08.2026 */
@media (min-width: 1001px) {
    #leftblock .counters {
        margin-top: 34px;
    }
}

/* Значки стоят прямо над футером во всю ширину страницы, по левому краю.
   Прежнее правило колонки больше не нужно. КЭП 20.08.2026 */
.counters {
    justify-content: flex-start;
    padding: 13px 0 5px;
    margin: 0 auto -14px;
    width: 1000px;
    max-width: 100%;
    box-sizing: border-box;
}

@media (min-width: 1001px) {
    #leftblock .counters {
        margin-top: 0;
    }
}

@media (max-width: 1000px) {
    .counters {
        width: 100% !important;
        padding: 13px 13px 5px;
    }
}

/* Значки выравниваем по краям футера: блок был шире его на 7 px с каждой
   стороны и висел вплотную. Даём отбивку сверху и снизу. КЭП 20.08.2026 */
.counters {
    width: 986px;
    max-width: calc(100% - 28px);
    padding: 21px 0 13px;
    margin: 0 auto;
}

@media (max-width: 1000px) {
    .counters {
        width: 100% !important;
        max-width: 100%;
        padding: 21px 13px 13px;
        margin-bottom: 0 !important;
    }
}

/* Десктоп: значки прижаты к низу левой колонки — слева под категориями
   пусто, а отдельной строкой они отодвигали футер вниз. Левый край
   совпадает с колонкой. КЭП 20.08.2026 */
@media (min-width: 1001px) {
    #center {
        position: relative;
    }

    #leftblock .counters {
        position: absolute;
        left: 25px;
        bottom: 13px;
        width: 214px;
        max-width: 214px;
        padding: 0;
        margin: 0;
    }
}

/* Колонка с товарами идёт обтеканием, и #center по высоте охватывал только
   список категорий — значки прижимались к его низу, а не к низу страницы.
   Замыкаем обтекание и правим левый край. КЭП 20.08.2026 */
@media (min-width: 1001px) {
    #center::after {
        content: "";
        display: table;
        clear: both;
    }

    #leftblock .counters {
        left: 4px;
    }
}

/* Значки возвращаем в поток колонки — последними, под блоком брендов.
   Абсолютное позиционирование считалось от самой колонки, а не от всей
   страницы, и накладывало их поверх брендов. КЭП 20.08.2026 */
@media (min-width: 1001px) {
    #leftblock .counters {
        position: static;
        left: auto;
        bottom: auto;
        width: 214px;
        margin: 21px 0 0;
        padding: 0;
    }
}

/* Значки стоят строкой над футером: левый край по краю футера, отступы
   небольшие, чтобы не растягивать низ страницы. КЭП 20.08.2026 */
.counters {
    position: static;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 13px;
    width: 986px;
    max-width: calc(100% - 28px);
    margin: 0 auto;
    padding: 13px 0 8px;
    box-sizing: border-box;
}

@media (min-width: 1001px) {
    #leftblock .counters,
    .counters {
        position: static;
        width: 986px;
        max-width: calc(100% - 28px);
        margin: 0 auto;
        padding: 13px 0 8px;
    }
}

@media (max-width: 1000px) {
    .counters {
        width: 100% !important;
        max-width: 100%;
        margin: 0 !important;
        padding: 13px 13px 8px;
        order: 3;
    }
}

/* Ширину блока приравниваем к футеру: ограничение calc(100% - 28px) резало
   его на 14 px с каждой стороны. КЭП 20.08.2026 */
@media (min-width: 1001px) {
    .counters,
    #leftblock .counters {
        max-width: 100%;
    }
}

/* Футер подтягиваем ближе к значкам: между ними стояло 20 px.
   КЭП 20.08.2026 */
.counters {
    padding-bottom: 0;
}

.newfooter {
    margin-top: 8px;
}

/* Значки в левой колонке стоят сразу под списком категорий, до блока
   брендов: их низ идёт вровень с концом списка. Порядок задаём флексом —
   в разметке блоки левой колонки собирает движок. КЭП 20.08.2026 */
@media (min-width: 1001px) {
    #leftblock {
        display: flex;
        flex-direction: column;
    }

    #leftblock .block:first-child {
        order: 0;
    }

    #leftblock .counters {
        order: 1;
        width: 214px;
        max-width: 214px;
        margin: 13px 0 0;
        padding: 0;
    }

    #leftblock .block:nth-child(2) {
        order: 2;
    }
}

/* Значки висят прямо над футером и не занимают места в потоке — футер
   остаётся ровно там, где стоял. КЭП 20.08.2026 */
.newfooter {
    position: relative;
}

.newfooter .counters {
    position: absolute;
    left: 0;
    bottom: 100%;
    margin: 0 0 8px;
    padding: 0;
    width: auto;
    max-width: 100%;
}

@media (min-width: 1001px) {
    #leftblock .counters,
    .newfooter .counters {
        position: absolute;
        order: initial;
        width: auto;
        max-width: 100%;
        margin: 0 0 8px;
    }
}

@media (max-width: 1000px) {
    .newfooter .counters {
        left: 13px;
        padding: 0;
        margin: 0 0 8px;
        order: initial;
    }
}

/* Значки стоят отдельной строкой над синей чертой футера. КЭП 20.08.2026 */
.counters {
    position: static !important;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 13px;
    width: 986px;
    max-width: 100%;
    margin: 0 auto;
    padding: 13px 0 8px;
    box-sizing: border-box;
}

@media (max-width: 1000px) {
    .counters {
        width: 100% !important;
        padding: 13px 13px 8px;
        margin: 0 !important;
        order: 3;
    }
}

/* Значки под футером, по левому краю. КЭП 20.08.2026 */
.counters {
    padding: 13px 0 21px;
}

@media (max-width: 1000px) {
    .counters {
        padding: 13px 13px 21px;
    }
}

/* Баннеры на 5 пикселей выше. КЭП 20.08.2026 */
.counters {
    margin-top: -5px;
}

/* Ещё 5 пикселей вверх. КЭП 20.08.2026 */
.counters {
    margin-top: -10px;
}

/* Значки Salidzini и Kurpirkt убраны с глаз, но остаются на странице:
   картинки грузятся, ссылки на месте, счётчики этих каталогов работают.
   Прячем клипом, а не display: none — при display: none браузер может
   не запросить картинку вовсе. КЭП 20.08.2026 */
.counters {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px 0 0;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

/* Значки скрыты, и страница обрывалась сразу за футером — добавляем
   поле снизу. КЭП 20.08.2026 */
.newfooter {
    margin-bottom: 21px;
}

/* Белая полоса под футером: страница не упирается в край экрана.
   КЭП 20.08.2026 */
.newfooter {
    margin-bottom: 34px;
}

body {
    padding-bottom: 13px;
}

/* Ровно 5 пикселей после низа футера. КЭП 20.08.2026 */
.newfooter {
    margin-bottom: 5px;
}

body {
    padding-bottom: 0;
}

/* Вдвое меньше — 2 пикселя. КЭП 20.08.2026 */
.newfooter {
    margin-bottom: 2px;
}

/* Немного больше — 3 пикселя. КЭП 20.08.2026 */
.newfooter {
    margin-bottom: 3px;
}

/* Ещё 5 пикселей — итого 8. КЭП 20.08.2026 */
.newfooter {
    margin-bottom: 8px;
}

/* Шапка таблицы артикулов — как на instrumenti.lv: тёмно-синяя полоса
   #1a2535 с белыми заголовками, кегль 11, полужирные, прописными.
   Прежде она была белой с серым текстом и рамкой. КЭП 20.08.2026 */
body.op-showitem table.form_table td.tableitemtitletext {
    background: #1a2535 !important;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    border: 0 !important;
    padding: 10px 8px;
}

/* края полосы скруглены, как у карточки товара */
body.op-showitem table.form_table tr:first-child td.tableitemtitletext:first-child {
    border-radius: 8px 0 0 0;
}

body.op-showitem table.form_table tr:first-child td.tableitemtitletext:last-child {
    border-radius: 0 8px 0 0;
}

/* Полоса шапки тоном легче. КЭП 20.08.2026 */
body.op-showitem table.form_table td.tableitemtitletext {
    background: #2b3c54 !important;
}

/* Заголовки в полосе — легче начертанием и сама полоса тоньше.
   КЭП 20.08.2026 */
body.op-showitem table.form_table td.tableitemtitletext {
    font-weight: 400;
    letter-spacing: .05em;
    padding: 7px 8px;
}

/* Полоса ещё тоньше: поля сверху и снизу меньше. КЭП 20.08.2026 */
body.op-showitem table.form_table td.tableitemtitletext {
    padding: 5px 8px;
    line-height: 15px;
}

/* Полоса шапки — нашим цветом и высотой, как кнопки верхнего меню:
   тот же градиент, кегль 12, обычное начертание, высота 22.
   КЭП 20.08.2026 */
body.op-showitem table.form_table td.tableitemtitletext {
    background: linear-gradient(rgb(34, 48, 74) 0%, rgb(26, 37, 53) 55%, rgb(22, 32, 46) 100%) !important;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: normal;
    text-transform: none;
    padding: 3px 8px;
    line-height: 16px;
}

/* «Pēc pasūtījuma» опускаем под таблицу — на ту же строку, где стоит
   приписка про цену без НДС, но под колонкой «Skaits». Внутри ячейки
   надпись растягивала строку. КЭП 20.08.2026 */
@media (min-width: 1001px) {
    body.op-showitem tr.product-table-row td.art-qty {
        position: relative;
    }

    body.op-showitem tr.product-table-row td.art-qty > div {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        margin-top: 5px !important;
        text-align: center;
        font-size: 12px;
        color: #70767d;
        white-space: nowrap;
    }
}

/* «Pēc pasūtījuma» — тем же шрифтом, что приписка про цену без НДС:
   Tahoma Regular, 11 px, тон #8a8f96. Прежде было 12 px другим тоном.
   КЭП 20.08.2026 */
@media (min-width: 1001px) {
    body.op-showitem tr.product-table-row td.art-qty > div {
        font-family: "Tahoma Regular", Tahoma, Verdana, Arial, sans-serif;
        font-size: 11px;
        font-weight: 400;
        color: #8a8f96;
    }
}

/* Цвет остался прежним — инлайновый стиль в разметке перебивал правило.
   Задаём с тем же весом. КЭП 20.08.2026 */
@media (min-width: 1001px) {
    body.op-showitem tr.product-table-row td.art-qty > div {
        color: #8a8f96 !important;
    }
}

/* Строки выравниваем по базовой линии: «Pēc pasūtījuma» шло на 2 px ниже
   приписки про НДС. КЭП 20.08.2026 */
@media (min-width: 1001px) {
    body.op-showitem tr.product-table-row td.art-qty > div {
        margin-top: 3px !important;
    }
}

/* Ещё на пиксель выше. КЭП 20.08.2026 */
@media (min-width: 1001px) {
    body.op-showitem tr.product-table-row td.art-qty > div {
        margin-top: 2px !important;
    }
}

/* Ещё пиксель вверх. КЭП 20.08.2026 */
@media (min-width: 1001px) {
    body.op-showitem tr.product-table-row td.art-qty > div {
        margin-top: 1px !important;
    }
}

/* Ещё выше — поднимаем отрицательным отступом. КЭП 20.08.2026 */
@media (min-width: 1001px) {
    body.op-showitem tr.product-table-row td.art-qty > div {
        margin-top: -2px !important;
    }
}

/* Артикул копируется кликом: показываем это курсором и лёгкой подсветкой,
   после копирования — короткая зелёная отметка. КЭП 20.08.2026 */
.riki-copy-serial {
    cursor: pointer;
    position: relative;
    transition: color .15s;
}

.riki-copy-serial:hover {
    color: #e87b24;
}

.riki-copy-serial.riki-copied::after {
    content: "✓";
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
    color: #2e9b57;
    font-size: 13px;
    font-weight: 700;
}

/* «Pēc pasūtījuma» на 2 пикселя ниже. КЭП 20.08.2026 */
@media (min-width: 1001px) {
    body.op-showitem tr.product-table-row td.art-qty > div {
        margin-top: 0 !important;
    }
}

/* Ещё пиксель вниз. КЭП 20.08.2026 */
@media (min-width: 1001px) {
    body.op-showitem tr.product-table-row td.art-qty > div {
        margin-top: 1px !important;
    }
}

/* Ещё пиксель вниз. КЭП 20.08.2026 */
@media (min-width: 1001px) {
    body.op-showitem tr.product-table-row td.art-qty > div {
        margin-top: 2px !important;
    }
}

/* Значок «Online Special» на карточках витрины не показываем — про скидку
   говорит сама цена: прежняя зачёркнута, новая рядом. КЭП 20.08.2026 */
img[src$="images/sale.gif"],
.item img[src*="sale.gif"] {
    display: none !important;
}

/* У товаров со скидкой цена идёт в две строки и наезжала на кнопку.
   Сжимаем межстрочный интервал и делаем прежнюю цену мельче — две строки
   помещаются в отведённое место. КЭП 20.08.2026 */
.item .item_price {
    line-height: 15px;
}

.item .item_price span[style*="line-through"] {
    font-size: 11px;
    color: #8a8f96;
}

.item .item_price span[style*="color:red"] {
    display: inline-block;
    line-height: 15px;
}

/* Обе цены ставим в одну строку: перенос между ними убираем, старую цену
   делаем мельче. Прежде вторая строка наезжала на кнопку — карточка
   рассчитана на одну. КЭП 20.08.2026 */
.item .item_price br {
    display: none;
}

.item .item_price span[style*="line-through"] {
    margin-right: 6px;
}

/* Возвращаем перенос между ценами, но карточке со скидкой отдаём место:
   строки плотнее, кнопка ниже. Прежде вторая цена ложилась на кнопку.
   КЭП 20.08.2026 */
.item .item_price br {
    display: inline;
}

.item .item_price {
    line-height: 14px;
}

.item .item_price span[style*="line-through"] {
    font-size: 11px;
    margin-right: 0;
}

.item .item_price span[style*="color"] {
    font-size: 13px;
}

/* у карточек со скидкой кнопка опускается на строку ниже */
.item:has(.item_price span[style*="line-through"]) .podrobnee {
    margin-top: 8px !important;
}

/* Цифры в строке корзины — нашим синим, подписи остаются прежними.
   КЭП 20.08.2026 */
#basket .basket-num {
    color: #1a2535;
    font-weight: 700;
}

/* Старый блок расширенного поиска убираем и на большом экране: он
   всплывал, когда поиск ничего не нашёл, и выглядел как чужая форма.
   Искать удобнее строкой в шапке. КЭП 20.08.2026 */
body.op-search #content > form[action$="search.html"] {
    display: none;
}

/* Хлебные крошки на странице поиска не нужны — вести по ним некуда.
   КЭП 20.08.2026 */
body.op-search #sitemap {
    display: none;
}

/* Футер прижимаем к низу окна, когда содержимого мало: при пустом поиске
   страница занимала треть экрана и футер висел посередине.
   КЭП 20.08.2026 */
html {
    height: 100%;
}

body {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

body > #container {
    flex: 1 0 auto;
}

body > .newfooter,
body > .counters {
    flex: 0 0 auto;
}

/* содержимому даём высоту, чтобы футер не подтягивался вплотную к шапке */
body.op-search #center,
body.page-shop #center {
    min-height: 320px;
}

/* Футер лежит внутри контейнера, поэтому прижимаем его к низу изнутри:
   контейнер — колонка, футеру отдаём весь свободный отступ сверху.
   КЭП 20.08.2026 */
#container {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

#container > .newfooter {
    margin-top: auto;
}

/* Постраничная навигация упиралась в футер вплотную — отбиваем её снизу.
   КЭП 20.08.2026 */
body.op-cat #content,
body.op-catstart #content,
body.op-search #content {
    padding-bottom: 21px;
}

/* У товара со скидкой цена занимает две строки, и строка становится выше:
   артикул с параметрами оставались прижатыми к верху и висели отдельно от
   остального. Выравниваем содержимое ячеек по середине. КЭП 20.08.2026 */
@media (min-width: 1001px) {
    body.op-showitem tr.product-table-row > td {
        vertical-align: middle;
    }
}

/* Главная тоже даёт постраничную навигацию, а её класс — home, прежнее
   правило её не покрывало. Отбиваем содержимое от футера на всех
   страницах витрины. КЭП 20.08.2026 */
#content {
    padding-bottom: 21px;
}

/* У карточки со скидкой строка артикула вылезала за нижний край на 4 px:
   кнопку опустили на 8, а высота карточки не изменилась. Подбираем
   отступы так, чтобы всё уместилось. КЭП 20.08.2026 */
.item:has(.item_price span[style*="line-through"]) .podrobnee {
    margin-top: 2px !important;
}

.item:has(.item_price span[style*="line-through"]) .codetext {
    margin-top: -2px;
}

/* У карточек со скидкой поднимаем весь блок цены: пусть он ближе к фото,
   зато артикул не вылезает за нижний край. КЭП 20.08.2026 */
.item:has(.item_price span[style*="line-through"]) .item_price {
    margin-top: -13px;
}

.item:has(.item_price span[style*="line-through"]) .podrobnee {
    margin-top: 0 !important;
}

.item:has(.item_price span[style*="line-through"]) .codetext {
    margin-top: 0;
}

/* Пустая корзина не должна тянуть на себя внимание: строка приглушается,
   цифры теряют выделение. Как только товар положат — цвет вернётся.
   КЭП 20.08.2026 */
#basket.basket-empty {
    opacity: .45;
}

#basket.basket-empty a,
#basket.basket-empty .basket-num {
    color: #8a8f96;
    font-weight: 400;
}

/* Цвета у пустой корзины остаются прежними — приглушает только
   прозрачность. КЭП 20.08.2026 */
#basket.basket-empty a {
    color: #e87b24;
}

#basket.basket-empty .basket-num {
    color: #1a2535;
    font-weight: 700;
}

/* Синие цифры у пустой корзины приглушаем сильнее остальной строки.
   КЭП 20.08.2026 */
#basket.basket-empty .basket-num {
    opacity: .6;
}

/* Синюю черту над футером вернули по слову КЭПа 21.08.2026 (20.08 её сняли). */
.newfooter {
    border-top: 3.5px solid #1a2535;
}


/* Название товара стояло на 25 px выше центра логотипа бренда и висело
   слишком далеко от описания. Опускаем его на центр логотипа; сдвиг через
   transform, чтобы поток колонок не поехал. КЭП 21.08.2026 */
@media (min-width: 1001px) {
    body.op-showitem .product-header h1 {
        transform: translateY(25px);
    }
}

/* Иконки категорий: скруглить углы, чуть уменьшить и опустить на пару пикселей.
   В шаблоне у картинки жёсткие width/height=50 — размер задаём стилем. КЭП 21.08.2026 */
.category-list-image img {
    width: 47px;
    height: 47px;
    border-radius: 4px;
    /* картинка inline: без inline-block margin-top её не двигает */
    display: inline-block;
    vertical-align: top;
    margin-top: 4px;
    margin-left: -4px;
    object-fit: cover;
}

/* Линия под строкой ссылок в футере: её рисовал псевдоэлемент .footer-contacts::before,
   поэтому прошлая правка её не сняла. КЭП 21.08.2026 */
.newfooter .footer-contacts::before {
    display: none !important;
}


/* На промежуточной ширине (зум 125-150%) описание вплотную примыкало к фото
   и заезжало на него: колонки грида шли без зазора. Разводим их. КЭП 21.08.2026 */
@media (max-width: 1000px) {
    .product-container {
        column-gap: 21px;
    }

    .product-container > .product-content,
    .product-container .descriptiontext {
        min-width: 0;
    }
}



/* Дополнительные фотографии карточки — без тени, как и прочие снимки товара.
   Тень стояла с 21.08.2026, снята 24.08.2026. */

/* Водяной знак в футере справа: наш знак, еле заметный, поверх ничего не ловит.
   КЭП 21.08.2026 */
.newfooter_inner {
    position: relative;
    overflow: hidden;
}

.newfooter_inner::after {
    content: "";
    position: absolute;
    right: 21px;
    top: 50%;
    transform: translateY(-50%);
    width: 144px;
    height: 144px;
    background: url('/favicon/web-app-manifest-512x512.png') center / contain no-repeat;
    opacity: .09;
    filter: grayscale(1);
    pointer-events: none;
    z-index: 0;
}

/* Дополнительные фотографии крупнее: высота задана инлайном в showitem.php,
   поэтому перебиваем здесь. КЭП 21.08.2026 */
.gallery-img img {
    height: 89px !important;
}

/* Подразделы в карточках раздела шли жирными: базовое правило
   .subcategory a держит font-weight: bold ещё со времён десктопных 12 px,
   а 20.08 кегль на телефоне подняли до 17 — вес остался, и блок стал
   тяжёлым. Снимаем болд, размер не трогаем. КЭП 23.08.2026 */
@media (max-width: 1000px) {
    .subcategory a,
    .subcategory a:hover,
    .subcategory-list a,
    .subcategory-list a:hover,
    a.ccat2text,
    a.ccat2text:hover {
        font-weight: 400;
    }
}

/* То же на десктопе: подразделы в карточках раздела шли 12 px жирными
   (.subcategory a, строка 2327). Снимаем вес и здесь — правило без
   @media, поэтому действует на обеих вёрстках. Названия разделов
   остаются весомыми: это заголовок карточки. КЭП 23.08.2026 */
.subcategory a,
.subcategory a:hover,
.subcategory-list a,
.subcategory-list a:hover,
a.ccat2text,
a.ccat2text:hover {
    font-weight: 400;
}

/* Шрифт подразделов: было "Tahoma Regular" — такого семейства нет, как нет и
   "Vernada" (опечатка от Verdana), поэтому браузер брал третье в списке —
   Arial. Названия товаров идут цепочкой Tahoma, … и рисуются настоящей
   Tahoma. Ставим ту же цепочку, чтобы блок категорий совпал с карточками
   товара. КЭП 23.08.2026 */
.subcategory a,
.subcategory a:hover,
.subcategory-list a,
.subcategory-list a:hover,
a.ccat2text,
a.ccat2text:hover {
    font-family: Tahoma, Verdana, Arial, "Trebuchet MS", sans-serif;
}

/* Левый блок каталога: пункты шли несуществующим семейством "Tahoma Regular"
   и рисовались Arial, тогда как названия товаров в карточках — настоящей
   Tahoma. Кегль 15, вес 700 и синий #1a2535 у них уже совпадали, разошёлся
   только шрифт. Ставим Tahoma. КЭП 23.08.2026 */
#leftblock a.menutext,
#leftblock a.menutext:hover,
#leftblock .menutext {
    font-family: Tahoma, Verdana, Arial, "Trebuchet MS", sans-serif;
}

/* Левый блок каталога: 15 px жирным читалось тяжело — как и подразделы.
   Вес 400, кегль по золотому ряду 15 -> 13. Цвет и шрифт не трогаем.
   На телефоне кегль остаётся 17 (правило .subcat-wrap выше по
   специфичности), меняется только вес. КЭП 23.08.2026 */
#leftblock a.menutext,
#leftblock a.menutext:hover,
#leftblock .menutext {
    font-weight: 400;
}

/* Левый блок каталога: возвращаем вес 700 и берём цвет подразделов из
   карточек категорий — #70767d вместо тёмно-синего #1a2535. Кегль 13
   остаётся. Активный пункт красится инлайном в оранжевый и не меняется.
   КЭП 23.08.2026 */
#leftblock a.menutext,
#leftblock a.menutext:hover,
#leftblock .menutext {
    font-weight: 700;
    color: #70767d;
}

/* Заголовки карточек разделов оставались на несуществующем "Tahoma Regular"
   и рисовались Arial, тогда как подразделы и левый блок уже переведены на
   Tahoma. Приводим к общему шрифту — весь блок категорий одной гарнитурой.
   Кегль, вес и цвет не трогаем. КЭП 23.08.2026 */
.category-list-title,
.category-list-title a,
.category-item-name,
.category-item-name a,
a.ccat1text,
a.ccat1text:hover {
    font-family: Tahoma, Verdana, Arial, "Trebuchet MS", sans-serif;
}

/* Пункты каталога на телефоне: вместо оранжевой затухающей линии под
   каждым названием — светлая подложка с рамкой, как у окна поиска.
   Радиус 7 и отступ 8 по золотому ряду, поля 11/13 дают высоту 46 px —
   палец попадает. Линию ::after убираем. Десктоп не трогаем.
   КЭП 23.08.2026 */
@media (max-width: 1000px) {
    #leftblock .block .catalogitem {
        box-sizing: border-box;
        background: #fafbfc;
        border: 1px solid #e2e6ea;
        border-radius: 7px;
        padding: 11px 13px;
        margin-bottom: 8px;
    }

    #leftblock .block .catalogitem::after {
        content: none;
    }
}

/* Подтверждение копирования теперь пишется словом в самой ячейке — как на
   pro.instrumenti.lv. Отдельная галочка ::after больше не нужна, иначе их
   становится две. Оставляем зелёный цвет на 1,5 с. КЭП 23.08.2026 */
.riki-copy-serial.riki-copied::after {
    content: none;
}

.riki-copy-serial.riki-copied {
    color: #2e9b57;
}

/* Зелёный на время подтверждения перебивался цветом .codetext — поднимаем
   специфичность до самой ячейки. КЭП 23.08.2026 */
td.art-serial.riki-copy-serial.riki-copied {
    color: #2e9b57;
}

/* Заголовки информационных страниц были 24-28 px при подзаголовках 15 —
   разрыв слишком велик, страница выглядела гигантской. Ставим 19 px:
   заметно крупнее подзаголовка, но в общем ритме страницы. КЭП 24.08.2026 */
.sitepages_content h1,
h1.page_head {
    font-size: 19px !important;
    line-height: 26px !important;
    letter-spacing: 0 !important;
}

.sitepages_content h2 {
    font-size: 15px;
}

/* тень блоку брендов в сайдбаре — как у карточек (24.08.2026, КЭП) */
.brands .brand a {
    box-shadow: 0 3px 12px rgba(15, 25, 35, 0.18);
}

.brands .brand a:hover {
    box-shadow: 0 6px 20px rgba(15, 25, 35, 0.28);
}

/* ободок брендов — цвет как у товарных карточек, скругление своё 8px (24.08.2026, КЭП) */
.brands .brand a {
    border-color: #d3d3d3;
}

/* при наведении рамка не меняет цвет — усиливается только тень (24.08.2026, КЭП) */
.brands .brand a:hover {
    border-color: #d3d3d3;
}

/* скругление товарных карточек — как у плашек брендов, 8px (24.08.2026, КЭП) */
.catalog-table .item,
#items-list .item,
.item {
    border-radius: 8px;
}

/* Стрелки перелистывания товара — поверх полосы заголовка, вне потока.
   Раньше стояли float-ом и сдвигали подписи «Artikuls» и «Cena» с центра
   их колонок. Теперь абсолютом: подписи стоят там же, где стояли до них.
   КЭП 24.08.2026 */
body.op-showitem table.form_table tr:first-child td.tableitemtitletext:first-child,
body.op-showitem table.form_table tr:first-child td.tableitemtitletext:last-child {
    position: relative;
}

.product-table .riki-pnav {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    color: #e87b24;
    text-decoration: none;
    font-size: 10px;
    line-height: 1;
    padding: 0;
}

.product-table .riki-pnav:hover {
    color: #ffb066;
}

.product-table .riki-pnav-prev {
    left: 7px;
}

.product-table .riki-pnav-next {
    right: 7px;
}

.product-table .riki-pnav-off {
    color: rgba(255, 255, 255, .30);
    cursor: default;
}

/* Ширины колонок таблицы товара. Авто-раскладка раздаёт свободное место всем
   колонкам сразу, поэтому фиксируем раскладку и задаём доли: артикул на 20%
   шире прежнего, ровно эта доля снята с цены, средние без изменений.
   КЭП 24.08.2026 */
body.op-showitem table.form_table {
    table-layout: fixed;
}

body.op-showitem table.form_table tr:first-child td.tableitemtitletext:first-child  { width: 20.6%; }
body.op-showitem table.form_table tr:first-child td.tableitemtitletext:nth-child(2) { width: 21.2%; }
body.op-showitem table.form_table tr:first-child td.tableitemtitletext:nth-child(3) { width: 15.1%; }
body.op-showitem table.form_table tr:first-child td.tableitemtitletext:nth-child(4) { width: 11.1%; }
body.op-showitem table.form_table tr:first-child td.tableitemtitletext:last-child   { width: 32.0%; }

/* Название товара опускается на 25 px, чтобы стоять вровень с логотипом бренда
   (правило от 21.08.2026). У товаров без логотипа — MEVA и прочие — опускать
   не на что, и заголовок наезжал на первую строку описания. Там сдвиг снимаем.
   КЭП 24.08.2026 */
@media (min-width: 1001px) {
    body.op-showitem .product-container:not(:has(img[src*='brands/'])) .product-header h1 {
        transform: none;
    }
}

/* Крошка «Katalogs» перестала быть h1 — повторяем её стиль для span,
   чтобы вид строки крошек не изменился ни на пиксель. КЭП 24.08.2026 */
span.category_head {
    display: inline;
    margin: 0;
    padding: 0;
    font-size: 11px;
}

/* Заглушка «фото нет» — знак RIKI.LV — получала тень настоящей фотографии
   товара и читалась как рамка с чёрным пятном внутри. Тень снимаем.
   КЭП 24.08.2026 */
img[src*=nophoto_logo],
img[src*=nophoto_logo]:hover {
    box-shadow: none;
}

/* Фото внутри карточек товара на витрине — без тени. Тень им досталась от
   правила 18.08.2026, где её ставили фотографии на странице товара; на плитках
   она лишняя. Главное фото и галерея в карточке товара тень сохраняют.
   КЭП 24.08.2026 */
.item_photo img,
.item_photo img:hover {
    box-shadow: none;
}

/* Ни у одной фотографии товара тени нет — ни на витрине, ни в карточке,
   ни в галерее, ни при наведении. КЭП 24.08.2026 */
.product-featured-img,
.product-featured-img:hover,
.item_photo img,
.item_photo img:hover,
.product-gallery img,
.product-gallery img:hover,
.item_photo a img,
.product-image img,
.product-image img:hover,
.gallery-img img,
.gallery-img img:hover,
.gallery-img a img {
    box-shadow: none !important;
}


/* Меню после входа остаётся шестикнопочным: «Ienākt» превращается в
   «Profils», выход живёт внутри профиля. Ширина колонки прежняя — 112 px,
   ряд не пересчитывается. КЭП 24.08.2026 */

/* Имя пользователя в верхней строке — тем же кеглем и весом, что соседние
   пункты, чтобы строка читалась одной. */
#menutop .riki-hello {
    color: #0f1923;
    font-size: 12px;
    font-weight: 700;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}


/* ── карточка заказа ─────────────────────────────────────────────── */

.order-marks {
    margin-bottom: 21px;
}

.order-marks .orders-mark + .orders-mark {
    margin-left: 5px;
}

/* три колонки: продавец, покупатель, доставка. Ниже 700 px встают в столбик */
.order-cols {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px 8px;
}

.order-col {
    width: 33.333%;
    padding: 0 10px 13px;
    box-sizing: border-box;
}

.order-col-head {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #8a8f96;
    padding-bottom: 8px;
    border-bottom: 1px solid #eaf0f6;
    margin-bottom: 8px;
}

.order-pair {
    padding: 3px 0;
}

.order-pair-label {
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #8a8f96;
}

.order-pair-value {
    display: block;
    margin-top: 1px;
    font-size: 13px;
    color: #1f2733;
    word-break: break-word;
}

.order-art a {
    color: #e87b24 !important;
    font-weight: 600;
    text-decoration: none !important;
}

.order-art a:hover {
    text-decoration: underline !important;
}

/* итоги — прижаты вправо, последняя строка выделена */
.order-total {
    margin: 21px 0 8px auto;
    max-width: 377px;
}

.order-total-row {
    display: flex;
    justify-content: space-between;
    gap: 21px;
    padding: 8px 0;
    font-size: 13px;
    border-bottom: 1px solid #eaf0f6;
}

.order-total-label {
    color: #70767d;
}

.order-total-value {
    color: #1f2733;
    text-align: right;
}

.order-total-row.is-final {
    border-bottom: 0;
    border-top: 2px solid #1f2733;
    margin-top: 5px;
    padding-top: 13px;
    font-size: 15px;
    font-weight: 700;
}

.order-total-row.is-final .order-total-label {
    color: #1f2733;
}

.order-total-row.is-final .order-total-value {
    color: #e87b24;
    white-space: nowrap;
}

@media (max-width: 700px) {
    .order-col {
        width: 100%;
    }

    .order-total {
        max-width: none;
    }
}


/* Колонки статусов — значок ровно под своей подписью. КЭП 24.08.2026 */
.orders-table th.orders-status,
.orders-table td.orders-status {
    text-align: center;
}


/* История заказов: все колонки по центру — подпись и значение на одной оси.
   Правило висит на самой таблице, поэтому позиции в карточке заказа
   (та же .orders-table) остаются как были. КЭП 24.08.2026 */
.orders-history th,
.orders-history td {
    text-align: center;
}


/* ── поля по сторонам сайта ────────────────────────────────────────
   Тёмная подложка со шлейфом света из правого верхнего угла: лист
   страницы читается, взгляд ведёт к шапке. КЭП 24.08.2026 */
body {
    background-color: #1d2a3c;
    background-image:
        radial-gradient(1100px 700px at 100% 0%,
            rgba(74, 102, 146, 0.85) 0%,
            rgba(52, 72, 105, 0.60) 38%,
            rgba(29, 42, 60, 0) 72%),
        radial-gradient(1000px 640px at 0% 0%,
            rgba(74, 102, 146, 0.70) 0%,
            rgba(52, 72, 105, 0.50) 38%,
            rgba(29, 42, 60, 0) 72%),
        linear-gradient(180deg, #2b3d57 0%, #22304a 55%, #1a2535 100%);
    background-repeat: no-repeat;
    background-attachment: fixed;
    border: 0;
}

/* лист на тёмном фоне держится собственной тенью */
#container {
    box-shadow: 0 0 55px rgba(0, 0, 0, 0.32);
}

/* на телефоне лист занимает всё окно — подложка не видна */
@media (max-width: 1000px) {
    body {
        background-image: none;
        background-color: #ffffff;
    }

    #container {
        box-shadow: none;
    }
}

/* ── пункты категорий ──────────────────────────────────────────────
   Стрелка шла к правому краю ссылки, оставляя между ней и коротким
   названием до 150 px пустоты. Теперь идёт сразу за словом. КЭП 24.08.2026 */
.subcategory a {
    justify-content: space-between;
    gap: 8px;
}

/* ── подразделы в левом блоке ──────────────────────────────────────
   Пункты свёрстаны старыми таблицами по одной на строку: ширина шла по
   длине названия, и чёрточки стояли лесенкой. Растягиваем на всю ширину —
   чёрточка прижимается к правому краю у всех. КЭП 24.08.2026 */
#leftblock .subcat-wrap table {
    width: 100%;
    table-layout: auto;
}

#leftblock .subcat-wrap table td:first-child {
    width: auto;
}

#leftblock .subcat-wrap table td:last-child {
    width: 8px;
    white-space: nowrap;
}

/* контейнер свёрнутого списка не имел ширины — таблицы внутри мерились
   от 10 px и «100%» не работало. КЭП 24.08.2026 */
#leftblock .block .subcat-wrap {
    width: 100%;
    box-sizing: border-box;
}

#leftblock .block .subcat-wrap table {
    width: 100%;
    box-sizing: border-box;
}

/* чёрточку — на 3 px правее, дальше от названия. КЭП 24.08.2026 */
#leftblock .block .subcat-wrap table td:last-child {
    padding-right: 0;
}


/* стрелку в карточке категории — правее от названия на 6 px и ровно
   напротив слова: центрирование оставляло её на 2 px ниже. КЭП 24.08.2026 */
.subcategory a img {
    margin-right: -6px;
    position: relative;
    top: -2px;
}


/* стрелка — напротив названия, а не ниже строки. КЭП 24.08.2026 */
.subcategory a {
    align-items: center;
}


/* Подложки инфо-страниц — на тон сильнее, чтобы их было видно на белом листе.
   Меняется только цвет фона. КЭП 24.08.2026 */
.sitepages_content .legal-cards {
    background: #eef3f8;
}

.sitepages_content .legal-seller {
    background: #e9eff6;
}

.sitepages_content > p:last-of-type {
    background: #eef3f8;
}

/* Линии под текстами — почти белые, чтобы не бросались в глаза.
   Меняется только цвет. КЭП 24.08.2026 */
.sitepages_content .lg-card {
    border-top-color: #fcfdfe;
    border-bottom-color: #fcfdfe;
}

.sitepages_content .legal-seller {
    border-color: #fbfcfe;
}

.sitepages_content .legal-card {
    border-color: #fcfdfe;
}

/* Затухающие линии под текстами внутри синей подложки — почти белые.
   Только они: линии вне подложки и в блоке реквизитов не трогаем.
   КЭП 24.08.2026 */
.sitepages_content .legal-cards .legal-card::before {
    background: linear-gradient(90deg, #cdd7e2 0, #d8e0e9 45%, rgba(216, 224, 233, .45) 68%, rgba(216, 224, 233, 0) 82%);
}

/* Водяной знак в блоке реквизитов на инфо-страницах — тише.
   Знак в подвале сайта не трогаем. КЭП 24.08.2026 */
.sitepages_content .legal-seller::before {
    opacity: 0.018;
}

/* Иконка раздела и его название стояли вплотную — добавляем воздух.
   КЭП 25.08.2026 */
.category-item-name .category-list-image {
    margin-right: 11px;
}

/* Карточка товара: тень у главного снимка и у дополнительных фотографий.
   Витрины это не касается — там фото остаются плоскими. КЭП 25.08.2026 */
body.op-showitem .product-featured-img,
body.op-showitem .gallery-img img {
    box-shadow: 0 3px 12px rgba(15, 25, 35, 0.18) !important;
    transition: box-shadow .15s ease;
}

body.op-showitem .product-featured-img:hover,
body.op-showitem .gallery-img img:hover {
    box-shadow: 0 6px 20px rgba(15, 25, 35, 0.28) !important;
}

/* заглушка «фото нет» тенью не обзаводится */
body.op-showitem img[src*=nophoto_logo],
body.op-showitem img[src*=nophoto_logo]:hover {
    box-shadow: none !important;
}
/* Верхняя строка меню — одной гарнитурой с блоком категорий слева:
   Tahoma, Verdana, Arial, "Trebuchet MS", 13/700. Стояла Inter и заметно
   спорила с левым меню. Футер КЭП вернул к прежнему виду 25.08.2026 —
   его не трогаем. Цвета и отступы прежние. КЭП 25.08.2026 */
#menutop,
#menutop a,
#menutop .riki-hello {
    font-family: Tahoma, Verdana, Arial, "Trebuchet MS", sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #70767d;
}

/* Верхняя строка меню поднята на 2 px: было top 28, стало 26.
   Остальное в шапке не двигается. КЭП 25.08.2026 */
#menutop {
    top: 27px;
}


/* ================= КАРТОЧКА ТОВАРА 01.09.2026 =================
   Замеры до правки (окно 1280):
     #sitemap        left 398  right 1140  (шире контента на 50px)
     #content        left 398  right 1090
     .product-content margin-left 17px, вплотную к фото (фото right 599)
     заголовки описания: margin-top 0, размеры 14.04px и 12px вперемешку
   ============================================================= */

/* 1. Крошки по правому краю контента: у #content margin-right 50px, у #sitemap был 0 */
#sitemap {
    margin-right: 50px;
}

/* 2. Отступ описания от фотографии: 17px -> 21px (φ-ряд) */
.product-content {
    margin-left: 21px;
}

/* 3. Воздух между смысловыми блоками описания. Заголовки шли слитно. */
.product-content .descriptiontext p {
    margin: 13px 0 0 0;
}

.product-content .descriptiontext p:first-child {
    margin-top: 0;
}

.product-content .descriptiontext ul {
    margin: 5px 0 0 0;
}

/* Заголовки описания к одному кеглю: было 14.04px/900 и 12px/700 вперемешку */
.product-content .descriptiontext strong {
    font-size: 13px;
    font-weight: 700;
}


/* ================= ОПИСАНИЕ: СПИСКИ 01.09.2026 =================
   Было: ul padding-left 40px, пункты на 40px правее заголовков,
   маркер disc крупный, line-height normal — текст рваный.
   ============================================================== */

.product-content .descriptiontext ul {
    padding-left: 21px;
    margin: 5px 0 0 0;
    list-style-position: outside;
}

.product-content .descriptiontext li {
    line-height: 1.55;
    margin-bottom: 3px;
}

/* Маркер мельче кегля — крупная точка при 12px выглядела грубо */
.product-content .descriptiontext li::marker {
    font-size: 0.7em;
    color: #70767d;
}

/* Тот же воздух в самом тексте абзацев */
.product-content .descriptiontext p {
    line-height: 1.55;
}

/* Названия подразделов в списке сливались — отделяем тонкой, почти прозрачной
   линией. Последний без линии, чтобы не было черты у края блока. КЭП 11.09.2026 */
.subcategory-list .subcategory {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.subcategory-list .subcategory:last-child {
    border-bottom: none;
}

/* Разделитель пунктов меню был картинкой-пунктиром 208x3 px от 2014 года.
   Меняем на такую же тонкую линию, как в плитках каталога. КЭП 11.09.2026 */
#leftblock .catalogitem {
    background-image: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
#leftblock .block > .catalogitem:last-of-type {
    border-bottom: none;
}

/* Оранжевый пунктир под пунктами меню (псевдоэлемент с градиентом) устарел —
   убираем, остаётся тонкая линия, как в плитках каталога. КЭП 11.09.2026 */
#leftblock .block .catalogitem::after {
    content: none;
}

/* Сама картинка-пунктир задана в shorthand background позже по файлу,
   поэтому гасим её жёстко. КЭП 11.09.2026 */
#leftblock .block .catalogitem,
#leftblock .block .subcat-wrap {
    background-image: none !important;
}

/* Разделитель в меню: тонкая оранжевая полоса вместо серой нити.
   Цвет фирменный, тот же, что был у прежнего пунктира. КЭП 11.09.2026 */
#leftblock .block .catalogitem {
    border-bottom: 1px solid rgba(232, 123, 36, 0.18);   /* тоньше на вид: 1 px — предел, дальше только бледнее */
}