body
{
   background-color: #E9ECEF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#wb_header
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#header
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#header > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 0px;
   padding-left: 0px;
   position: relative;
}
#header > .col-1
{
   flex: 0 0 auto;
}
#header > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 0px)
{
#header > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_header-one
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #F8F9FA;
   background-image: none;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#header-one
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 15px 0 15px 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1030px;
}
#header-one > .col-1, #header-one > .col-2, #header-one > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#header-one > .col-1, #header-one > .col-2, #header-one > .col-3
{
   flex: 0 0 auto;
}
#header-one > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 170px;
   max-width: 170px;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: flex-start;
   text-align: left;
}
#header-one > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis:  calc((100% - 340px) / 1);
   max-width:  calc((100% - 340px) / 1);
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
#header-one > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 170px;
   max-width: 170px;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: flex-end;
   text-align: right;
}
@media (max-width: 0px)
{
#header-one > .col-1, #header-one > .col-2, #header-one > .col-3
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_logo
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0 0 4px 0 ;
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 0px;
   text-align: left;
}
#logo-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
.stretched-link::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
   background-color: rgba(0,0,0,0);
}
#logo-card-item0
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 9px;
   max-width: 35px;
   width: 100%;
   height: 35px;
}
#logo-card-item0
{
   box-shadow: 0 2px 2.667px -1px #0408220f,0 1.333px 2px -.667px #0308231f,0 .667px 1px -.333px #0308231f,0 .333px .667px -.167px #0308231f,0 .167px .333px -.083px #0308231f,0 .083px .167px #0000001f;;
   transition: box-shadow 0ms linear 0ms;
}
#logo-card-item1
{
   box-sizing: border-box;
   margin: -28px 0 0 45px;
   padding: 0;
   color: #141414;
   font-family: "Inter";
   font-weight: 500;
   font-style: normal;
   font-size: 19px;
}
#wb_purchase-basket
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 0px;
   text-align: center;
}
#purchase-basket-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#purchase-basket-card-item0
{
   display: inline-block;
   height: 16px;
   box-sizing: border-box;
   margin: 0 30px 0 0 ;
   border: 0px solid #000000;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   color: #ADB5BD;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
}
#purchase-basket-card-item0 a
{
   color: inherit;
   display: block;
   padding: 0;
   text-decoration: none;
}
#purchase-basket-card-item0 i
{
   margin-right: 0px;
   text-align: center;
   vertical-align: top;
   font-size: 16px;
   width: 16px;
}
#purchase-basket-card-item1
{
   display: inline-block;
   height: 33px;
   box-sizing: border-box;
   margin: 0;
   padding: 9px 15px 9px 15px;
   border: 0px solid #000000;
   border-radius: 6px;
   background-color: #0058FF;
   background-image: none;
   color: #FFFFFF;
   font-family: Inter;
   font-weight: normal;
   font-style: normal;
   font-size: 15px;
}
#purchase-basket-card-item1
{
   height: auto !important;px;
   box-shadow: 0 4px 8px -4px #0a065f1f, 0 2px 4px -1px #0a065e1f, 0 1px 1.5px -.5px #0a065e1f, 0 .75px .75px #0a065e1f, 0 .25px .25px #0a065e3d, 0 -1px .5px #2419ff29 inset, 0 1px .25px #ffffff1f inset, 0 -8px 12px #241aff66 inset;;
   position: relative;;
   transition: height 0ms linear 0ms, box-shadow 0ms linear 0ms, position 0ms linear 0ms;
}
#wb_LayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 1px;
   border-left-width: 0px;
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-top-color: #DEE2E6;
   border-right-color: #DEE2E6;
   border-bottom-color: #DEE2E6;
   border-left-color: #DEE2E6;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid1
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 10px 0 10px 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1030px;
}
#LayoutGrid1 > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid1 > .col-1
{
   flex: 0 0 auto;
}
#LayoutGrid1 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: flex-start;
   text-align: left;
}
@media (max-width: 480px)
{
#LayoutGrid1 > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_title-page
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#title-page
{
   box-sizing: border-box;
   width: 100%;
   padding: 5px 0 5px 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1030px;
}
#title-page > .row
{
   display: grid;
   grid-template-columns: repeat(12, 8.333333%);
   margin-right: 0;
   margin-left: 0;
}
#title-page > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 0px;
   padding-left: 0px;
   position: relative;
   grid-column: span 12;
}
#title-page > .row > .col-1
{
}
#title-page > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   grid-column: span 12;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   text-align: left;
}
@media (max-width: 0px)
{
#title-page > .row > .col-1
{
   width: 100%;
   grid-column: span 12;
}
}
#wb_con
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 660px;
}
#con
{
   box-sizing: border-box;
   width: 100%;
   padding: 20px 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#con > .row
{
   display: grid;
   grid-template-columns: 170px 8fr ;
   margin-right: -15px;
   margin-left: -15px;
}
#con > .row > .col-1, #con > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
   grid-column: span 12;
}
#con > .row > .col-1, #con > .row > .col-2
{
}
#con > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   grid-column: span 1;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   text-align: center;
}
#con > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   grid-column: span 1;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   text-align: left;
}
@media (max-width: 560px)
{
#con > .row > .col-1, #con > .row > .col-2
{
   width: 100%;
   grid-column: span 12;
}
}
#wb_main
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0 0 25px 0 ;
   margin-right: auto;
   margin-left: auto;
   max-width: 630px;
}
#main
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 25px 0 25px 0;
   margin-right: auto;
   margin-left: auto;
}
#main > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 25px;
   padding-left: 25px;
   position: relative;
}
#main > .col-1
{
   flex: 0 0 auto;
}
#main > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: flex-start;
   text-align: left;
}
@media (max-width: 480px)
{
#main > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_description
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0 0 25px 0 ;
   margin-right: auto;
   margin-left: auto;
   max-width: 630px;
}
#description
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 15px 0 25px 0;
   margin-right: auto;
   margin-left: auto;
}
#description > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 25px;
   padding-left: 25px;
   position: relative;
}
#description > .col-1
{
   flex: 0 0 auto;
}
#description > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: flex-start;
   text-align: left;
}
@media (max-width: 480px)
{
#description > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_instructions
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0 0 45px 0 ;
   margin-right: auto;
   margin-left: auto;
   max-width: 630px;
}
#instructions
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 15px 0 25px 0;
   margin-right: auto;
   margin-left: auto;
}
#instructions > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 25px;
   padding-left: 25px;
   position: relative;
}
#instructions > .col-1
{
   flex: 0 0 auto;
}
#instructions > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: flex-start;
   text-align: left;
}
@media (max-width: 480px)
{
#instructions > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_footer
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#footer
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#footer > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 0px;
   padding-left: 0px;
   position: relative;
}
#footer > .col-1
{
   flex: 0 0 auto;
}
#footer > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 0px)
{
#footer > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_footer-QAou
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#footer-QAou
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 55px 0 25px 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1030px;
}
#footer-QAou > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#footer-QAou > .col-1
{
   flex: 0 0 auto;
}
#footer-QAou > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: flex-start;
   text-align: left;
}
@media (max-width: 480px)
{
#footer-QAou > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_footer-ao7u
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 0px;
   text-align: left;
}
#footer-ao7u-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#footer-ao7u-card-item0
{
   display: inline-block;
   height: 29px;
   box-sizing: border-box;
   margin: 0 15px 15px 0 ;
   border: 0px solid #000000;
   border-radius: 4px;
   background-color: #F5F5F5;
   background-image: none;
   color: #2E2E2E;
   font-family: "Inter";
   font-weight: 500;
   font-style: normal;
   font-size: 13px;
}
#footer-ao7u-card-item0
{
   height: auto;px;
   box-shadow: inset 0 -.0625rem .03125rem 0 rgba(0, 0, 0, .04), 0 .5rem .5rem -.25rem rgba(0, 0, 0, .02), 0 .25rem .25rem -.125rem rgba(0, 0, 0, .03), 0 .1875rem .1875rem -.09375rem rgba(27, 27, 27, .03), 0 .125rem .125rem -.0625rem rgba(0, 0, 0, .04), 0 .03125rem .0625rem 0 rgba(0, 0, 0, .06), 0 0 0 .0625rem rgba(0, 0, 0, .04);;
   transition: height 0ms linear 0ms, box-shadow 0ms linear 0ms;
}
#footer-ao7u-card-item0 a
{
   color: inherit;
   display: block;
   padding: 8px 12px 8px 12px;
   text-decoration: none;
}
#footer-ao7u-card-item1
{
   display: inline-block;
   height: 29px;
   box-sizing: border-box;
   margin: 0 15px 15px 0 ;
   padding: 8px 12px 8px 12px;
   border: 0px solid #000000;
   border-radius: 4px;
   background-color: #F5F5F5;
   background-image: none;
   color: #2E2E2E;
   font-family: "Inter";
   font-weight: 500;
   font-style: normal;
   font-size: 13px;
}
#footer-ao7u-card-item1
{
   height: auto;px;
   box-shadow: inset 0 -.0625rem .03125rem 0 rgba(0, 0, 0, .04), 0 .5rem .5rem -.25rem rgba(0, 0, 0, .02), 0 .25rem .25rem -.125rem rgba(0, 0, 0, .03), 0 .1875rem .1875rem -.09375rem rgba(27, 27, 27, .03), 0 .125rem .125rem -.0625rem rgba(0, 0, 0, .04), 0 .03125rem .0625rem 0 rgba(0, 0, 0, .06), 0 0 0 .0625rem rgba(0, 0, 0, .04);;
   transition: height 0ms linear 0ms, box-shadow 0ms linear 0ms;
}
#footer-ao7u-card-item2
{
   display: inline-block;
   height: 29px;
   box-sizing: border-box;
   margin: 0 15px 15px 0 ;
   border: 0px solid #000000;
   border-radius: 4px;
   background-color: #F5F5F5;
   background-image: none;
   color: #2E2E2E;
   font-family: "Inter";
   font-weight: 500;
   font-style: normal;
   font-size: 13px;
}
#footer-ao7u-card-item2
{
   height: auto;px;
   box-shadow: inset 0 -.0625rem .03125rem 0 rgba(0, 0, 0, .04), 0 .5rem .5rem -.25rem rgba(0, 0, 0, .02), 0 .25rem .25rem -.125rem rgba(0, 0, 0, .03), 0 .1875rem .1875rem -.09375rem rgba(27, 27, 27, .03), 0 .125rem .125rem -.0625rem rgba(0, 0, 0, .04), 0 .03125rem .0625rem 0 rgba(0, 0, 0, .06), 0 0 0 .0625rem rgba(0, 0, 0, .04);;
   transition: height 0ms linear 0ms, box-shadow 0ms linear 0ms;
}
#footer-ao7u-card-item2 a
{
   color: inherit;
   display: block;
   padding: 8px 12px 8px 12px;
   text-decoration: none;
}
#footer-ao7u-card-item3
{
   display: inline-block;
   height: 29px;
   box-sizing: border-box;
   margin: 0 15px 15px 0 ;
   border: 0px solid #000000;
   border-radius: 4px;
   background-color: #F5F5F5;
   background-image: none;
   color: #2E2E2E;
   font-family: "Inter";
   font-weight: 500;
   font-style: normal;
   font-size: 13px;
}
#footer-ao7u-card-item3
{
   height: auto;px;
   box-shadow: inset 0 -.0625rem .03125rem 0 rgba(0, 0, 0, .04), 0 .5rem .5rem -.25rem rgba(0, 0, 0, .02), 0 .25rem .25rem -.125rem rgba(0, 0, 0, .03), 0 .1875rem .1875rem -.09375rem rgba(27, 27, 27, .03), 0 .125rem .125rem -.0625rem rgba(0, 0, 0, .04), 0 .03125rem .0625rem 0 rgba(0, 0, 0, .06), 0 0 0 .0625rem rgba(0, 0, 0, .04);;
   transition: height 0ms linear 0ms, box-shadow 0ms linear 0ms;
}
#footer-ao7u-card-item3 a
{
   color: inherit;
   display: block;
   padding: 8px 12px 8px 12px;
   text-decoration: none;
}
#footer-ao7u-card-item4
{
   display: inline-block;
   height: 29px;
   box-sizing: border-box;
   margin: 0 15px 0 0 ;
   border: 0px solid #000000;
   border-radius: 4px;
   background-color: #F5F5F5;
   background-image: none;
   color: #2E2E2E;
   font-family: "Inter";
   font-weight: 500;
   font-style: normal;
   font-size: 13px;
}
#footer-ao7u-card-item4
{
   height: auto;px;
   box-shadow: inset 0 -.0625rem .03125rem 0 rgba(0, 0, 0, .04), 0 .5rem .5rem -.25rem rgba(0, 0, 0, .02), 0 .25rem .25rem -.125rem rgba(0, 0, 0, .03), 0 .1875rem .1875rem -.09375rem rgba(27, 27, 27, .03), 0 .125rem .125rem -.0625rem rgba(0, 0, 0, .04), 0 .03125rem .0625rem 0 rgba(0, 0, 0, .06), 0 0 0 .0625rem rgba(0, 0, 0, .04);;
   transition: height 0ms linear 0ms, box-shadow 0ms linear 0ms;
}
#footer-ao7u-card-item4 a
{
   color: inherit;
   display: block;
   padding: 8px 12px 8px 12px;
   text-decoration: none;
}
#footer-ao7u-card-item5
{
   box-sizing: border-box;
   margin: 0 0 25px 0 ;
   border-top: 0px rgba(255,255,255,0.00) solid;
   border-width: 0px 0 0 0;
   height: 0;
   line-height: 0;
   visibility: hidden;
}
#footer-ao7u-card-item6
{
   box-sizing: border-box;
   margin: 0 0 25px 0 ;
   padding: 0;
   color: #6C757D;
   font-family: Inter;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   line-height: 15.02px;
}
#footer-ao7u-card-item7
{
   box-sizing: border-box;
   margin: 0 0 25px 0 ;
   padding: 0;
   color: #6C757D;
   font-family: Inter;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   line-height: 14.3px;
}
#footer-ao7u-card-item7
{
   font-size: 14px;;
   transition: font-size 0ms linear 0ms;
}
#Breadcrumb1
{
   list-style: none;
   padding: 8px 15px 8px 15px;
   background-color: transparent;
   background-image: none;
   border: 1px solid transparent;
   border-radius: 0px;
   font-family: Inter;
   font-weight: normal;
   font-style: normal;
   font-size: 0;
   margin: 0;
   text-align: left;
}
#Breadcrumb1 > li
{
   display: inline-block;
   font-size: 13px;
   text-transform: none;
}
#Breadcrumb1 a
{
   color: #C0C0C0;
   text-decoration: none;
}
#Breadcrumb1 a:hover
{
   color: #0D6EFD;
   text-decoration: underline;
}
#Breadcrumb1 > .active
{
   color: #A9A9A9;
}
#Breadcrumb1 > .active a
{
   color: inherit;
   pointer-events: none;
}
#Breadcrumb1 > li + li:before
{
   content: "/";
   padding: 0 9px;
   color: #D3D3D3;
}
#Breadcrumb1 li i
{
   font-size: 13px;
   width: 15px;
}
#wb_category_img
{
   margin: 0 0 25px 0 ;
   vertical-align: top;
}
#category_img
{
   border: 0px solid #000000;
   border-radius: 8px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 150px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_delivery-info
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 0px;
   text-align: left;
}
#delivery-info-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#delivery-info-card-item0
{
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   padding: 15px 18px 15px 18px;
   background-color: transparent;
   background-image: none;
   color: #212529;
   font-family: "Inter";
   font-weight: 500;
   font-style: normal;
   font-size: 13px;
}
#delivery-info-card-item0 i
{
   color: #D63384;
   margin-right: 9px;
   text-align: center;
   vertical-align: top;
   font-size: 13px;
   width: 13px;
   position: relative;
   left: 0;
   top: 0;
   display: inline-block;
   font-family: "Bootstrap Icons";
   font-weight: normal;
   font-style: normal;
   line-height: 1;
}
#delivery-info-card-item0 .info-circle-fill:before
{
   content: "\f430";
}
#wb_category-info
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0 0 25px 0 ;
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 0px;
   text-align: left;
}
#category-info-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#category-info-card-item0
{
   box-sizing: border-box;
   margin: 0 0 15px 0 ;
   padding: 0;
}
#category-info-card-item0 h1
{
   color: #212529;
   font-family: "Inter";
   font-weight: 700;
   font-style: normal;
   font-size: 21px;
   margin: 0;
}
#category-info-card-item1
{
   display: inline-block;
   height: 25px;
   box-sizing: border-box;
   margin: 0 0 15px 0 ;
   padding: 5px 10px 5px 10px;
   border: 0px solid #000000;
   border-radius: 99px;
   background-color: #D09EBD;
   background-image: none;
   color: #FFFFFF;
   font-family: "Inter";
   font-weight: 500;
   font-style: normal;
   font-size: 15px;
}
#category-info-card-item1
{
   height: auto;px;
   background-image: linear-gradient(120deg,#a6c0fe,#f68084);;
   box-shadow: 0 1px 10px rgba(208,158,189,.3);;
   transition: height 0ms linear 0ms, background-image 0ms linear 0ms, box-shadow 0ms linear 0ms;
}
#category-info-card-item1 i
{
   margin-right: 4px;
   text-align: center;
   vertical-align: top;
   font-size: 15px;
   width: 15px;
   position: relative;
   left: 0;
   top: 0;
   display: inline-block;
   font-family: "Bootstrap Icons";
   font-weight: normal;
   font-style: normal;
   line-height: 1;
}
#category-info-card-item1 .shield-check:before
{
   content: "\f52f";
}
#category-info-card-item2
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   color: #212529;
   font-family: Inter;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   line-height: 18.2px;
}
#wb_our-advantages
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 25px 0 0 0 ;
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 0px;
   text-align: left;
}
#our-advantages-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#our-advantages-card-item0
{
   display: inline-block;
   height: 37px;
   box-sizing: border-box;
   margin: 0 10px 10px 0 ;
   padding: 11px 14px 11px 14px;
   border: 1px solid rgba(211,211,211,0.39);
   border-radius: 99px;
   background-color: #FFFFFF;
   background-image: none;
   color: #212529;
   font-family: "Inter";
   font-weight: 500;
   font-style: normal;
   font-size: 13px;
}
#our-advantages-card-item0
{
   height: auto;px;
   transition: height 0ms linear 0ms;
}
#our-advantages-card-item1
{
   display: inline-block;
   height: 37px;
   box-sizing: border-box;
   margin: 0 10px 10px 0 ;
   padding: 11px 14px 11px 14px;
   border: 1px solid rgba(211,211,211,0.39);
   border-radius: 99px;
   background-color: #FFFFFF;
   background-image: none;
   color: #212529;
   font-family: "Inter";
   font-weight: 500;
   font-style: normal;
   font-size: 13px;
}
#our-advantages-card-item1
{
   height: auto;px;
   transition: height 0ms linear 0ms;
}
#our-advantages-card-item2
{
   display: inline-block;
   height: 37px;
   box-sizing: border-box;
   margin: 0 10px 10px 0 ;
   padding: 11px 14px 11px 14px;
   border: 1px solid rgba(211,211,211,0.39);
   border-radius: 99px;
   background-color: #FFFFFF;
   background-image: none;
   color: #212529;
   font-family: "Inter";
   font-weight: 500;
   font-style: normal;
   font-size: 13px;
}
#our-advantages-card-item2
{
   height: auto;px;
   transition: height 0ms linear 0ms;
}
#our-advantages-card-item3
{
   display: inline-block;
   height: 37px;
   box-sizing: border-box;
   margin: 0 10px 10px 0 ;
   padding: 11px 14px 11px 14px;
   border: 1px solid rgba(211,211,211,0.39);
   border-radius: 99px;
   background-color: #FFFFFF;
   background-image: none;
   color: #212529;
   font-family: "Inter";
   font-weight: 500;
   font-style: normal;
   font-size: 13px;
}
#our-advantages-card-item3
{
   height: auto;px;
   transition: height 0ms linear 0ms;
}
#our-advantages-card-item4
{
   display: inline-block;
   height: 37px;
   box-sizing: border-box;
   margin: 0 10px 10px 0 ;
   padding: 11px 14px 11px 14px;
   border: 1px solid rgba(211,211,211,0.39);
   border-radius: 99px;
   background-color: #FFFFFF;
   background-image: none;
   color: #212529;
   font-family: "Inter";
   font-weight: 500;
   font-style: normal;
   font-size: 13px;
}
#our-advantages-card-item4
{
   height: auto;px;
   transition: height 0ms linear 0ms;
}
#wb_description-text
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 0px;
   text-align: left;
}
#description-text-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#description-text-card-item0
{
   box-sizing: border-box;
   margin: 0;
   padding: 13px 0 13px 0;
   background-color: transparent;
   background-image: none;
   color: #212529;
   font-family: "Inter";
   font-weight: 700;
   font-style: normal;
   font-size: 15px;
}
#description-text-card-item0
{
   display: flex;;
   transition: display 0ms linear 0ms;
}
#description-text-card-item0 i
{
   color: #1463FD;
   margin-right: 15px;
   text-align: center;
   vertical-align: top;
   font-size: 15px;
   width: 15px;
   position: relative;
   left: 0;
   top: 0;
   display: inline-block;
   font-family: "Bootstrap Icons";
   font-weight: normal;
   font-style: normal;
   line-height: 1;
}
#description-text-card-item0 .list-task:before
{
   content: "\f477";
}
#description-text-card-item1
{
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   border-top: 1px rgba(220,220,220,0.59) solid;
   border-width: 1px 0 0 0;
   height: 0;
   line-height: 0;
}
#description-text-card-item2
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   color: #212529;
   font-family: Inter;
   font-weight: normal;
   font-style: normal;
   font-size: 15px;
   line-height: 19.5px;
}
#description-text-card-item2
{
   font-size: 14px;;
   transition: font-size 0ms linear 0ms;
}
#wb_instructions-text
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 0px;
   text-align: left;
}
#instructions-text-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#instructions-text-card-item0
{
   box-sizing: border-box;
   margin: 0;
   padding: 13px 0 13px 0;
   background-color: transparent;
   background-image: none;
   color: #212529;
   font-family: "Inter";
   font-weight: 700;
   font-style: normal;
   font-size: 15px;
}
#instructions-text-card-item0
{
   display: flex;;
   transition: display 0ms linear 0ms;
}
#instructions-text-card-item0 i
{
   color: #1463FD;
   margin-right: 15px;
   text-align: center;
   vertical-align: top;
   font-size: 15px;
   width: 15px;
   position: relative;
   left: 0;
   top: 0;
   display: inline-block;
   font-family: "Bootstrap Icons";
   font-weight: normal;
   font-style: normal;
   line-height: 1;
}
#instructions-text-card-item0 .list-task:before
{
   content: "\f477";
}
#instructions-text-card-item1
{
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   border-top: 1px rgba(220,220,220,0.59) solid;
   border-width: 1px 0 0 0;
   height: 0;
   line-height: 0;
}
#instructions-text-card-item2
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   color: #212529;
   font-family: Inter;
   font-weight: normal;
   font-style: normal;
   font-size: 15px;
   line-height: 19.5px;
}
#instructions-text-card-item2
{
   font-size: 14px;;
   transition: font-size 0ms linear 0ms;
}
    :root {
        --search-h: 40px;
        --radius: 6px;
        --border: #dee2e6;
        --placeholder: #ADB5BD;
        --text: #212529;
        --focus-blue: #0058FF; /* Новый цвет фокуса */
        --anim-speed: 0.35s;
    }
    body { font-family: "Inter", sans-serif; margin: 0; }
    body.no-scroll { overflow: hidden; touch-action: none; }

    /* --- DESKTOP --- */
    .search-wrapper { position: relative; max-width: 600px; width: 100%; margin: 0 auto; z-index: 100; }
    
    .input-box {
        display: flex; align-items: center; height: var(--search-h);
        border: 1px solid var(--border); border-radius: var(--radius);
        background: #f8f9fa; transition: border-color 0.15s; position: relative; z-index: 2;
    }
    .input-box:focus-within { border-color: var(--focus-blue); }

    .search-wrapper.has-results .input-box {
        border-color: var(--focus-blue);
        border-bottom-color: var(--border);
        border-bottom-left-radius: 0; border-bottom-right-radius: 0;
    }

    .dropdown {
        display: none; position: absolute; top: 100%; left: 0; right: 0;
        background: #fff; border: 1px solid var(--focus-blue); border-top: none;
        border-bottom-left-radius: var(--radius); border-bottom-right-radius: var(--radius);
        z-index: 1; overflow: hidden; margin-top: 0;
    }
    .search-wrapper.has-results .dropdown { display: block; }

    .icon-box { padding: 0 12px; color: var(--placeholder); display: flex; align-items: center; }
    .icon-svg { width: 16px; height: 16px; }

    .main-input {
        flex: 1; border: none; background: transparent; height: 100%;
        font-family: inherit; font-size: 14px; color: var(--text); outline: none; padding: 0;
    }
    .main-input::placeholder { color: var(--placeholder); }

    .item {
        display: flex; align-items: center; padding: 8px 12px;
        text-decoration: none; color: var(--text); transition: background 0.1s;
    }
    .item:hover { background: #f8f9fa; }
    .item img { width: 24px; height: 24px; border-radius: 4px; margin-right: 10px; object-fit: cover; background: #eee; }
    .item span { font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

    /* --- MOBILE --- */
    .mobile-trigger { display: none; padding: 10px; cursor: pointer; color: var(--placeholder); }

    .mobile-modal {
        position: fixed; top: 0; left: 0; width: 100%; height: 100%;
        background: #fff; z-index: 9999; display: flex; flex-direction: column;
        opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(100%);
        transition: transform var(--anim-speed) cubic-bezier(0.32, 0.72, 0, 1), opacity var(--anim-speed) ease, visibility var(--anim-speed);
        will-change: transform, opacity;
    }
    .mobile-modal.active { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); }

    .mobile-header { display: flex; align-items: center; gap: 10px; padding: 10px 15px; border-bottom: 1px solid #f0f0f0; background: #fff; flex-shrink: 0; }

    .mobile-input-wrap { flex: 1; display: flex; align-items: center; height: var(--search-h); border: 1px solid var(--border); border-radius: var(--radius); background: #fff; }
    .mobile-input-wrap:focus-within { border-color: var(--focus-blue); }

    .mobile-close-icon { padding: 8px; cursor: pointer; color: #666; display: flex; border-radius: 50%; transition: background 0.2s; }
    .mobile-close-icon:hover { background: #f5f5f5; }

    .mobile-results { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; padding-bottom: 20px; }
    .mobile-results .item { padding: 14px 15px; border-bottom: 1px solid #f9f9f9; }
    .mobile-results .item img { width: 36px; height: 36px; margin-right: 15px; }
    .mobile-results .item span { font-size: 15px; }

    @media (max-width: 600px) {
        .search-wrapper { display: none; }
        .mobile-trigger { display: block; }
    }
#purchase-basket-card-item1:before {
    content: "";
    transition: inherit;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, #fff, #fff0 70%);
    opacity: .04;
}

#purchase-basket-card-item0 i {
    font-size: 21px;
}
    .scroll-nav {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        white-space: nowrap;
        gap: 20px;
        padding: 10px 0;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    
    .scroll-nav::-webkit-scrollbar { 
        display: none;
    }

    .scroll-nav__item {
        color: #212529;
        text-decoration: none;
        font-family: 'Inter', sans-serif;
        font-size: 16px;
        font-weight: 400;
        flex-shrink: 0;
    }

    .scroll-nav__item.active {
        color: #adb5bd;
        pointer-events: none;
    }

    .scroll-nav__item:hover {
        opacity: 0.8;
    }
@media (max-width: 800px) {
  #wb_category_img {
     background-color: #dee2e6;
     border-radius: 8px;
     padding: 18px 0;
  }
}
#main {
    background-color: #F8F9FA;
    border-radius: 8px;
}

@media (max-width: 800px) {
  #wb_main {
    padding: 0 15px;
  }
}
#delivery-info-card-item0 {
    display: flex;
    border-radius: 6px;
    border: 1px solid #e9ecef;
    align-items: center;
}
    .products-grid { 
        display: grid; 
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        gap: 15px;
        width: 100%;
    }
    
    .product-card {
        border: 1px solid #e9ecef;
        padding: 8px 10px;
        border-radius: 6px;
        display: flex;
        align-items: center;
        gap: 12px;
        cursor: pointer;
        transition: border-color 0.3s ease; /* Более плавный переход */
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    .product-card:hover { border-color: #0058FF; } /* Синий цвет */
    
    .product-img { 
        width: 50px; 
        height: 50px; 
        border-radius: 6px; 
        object-fit: cover; 
        flex-shrink: 0; 
    }
    
    .product-info { flex: 1; min-width: 0; }
    
    .product-name { 
        font-size: 14px; 
        font-family: "Inter", sans-serif; 
        color: #212529; 
        margin: 0 0 5px 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .product-prices { 
        display: flex; 
        align-items: center; 
        gap: 8px; 
        flex-wrap: wrap;
    }
    
    .product-price { 
        font-size: 16px; 
        font-family: "Inter", sans-serif; 
        color: #dc3545; 
        font-weight: 400; 
    }
    
    .product-old-price {
        font-size: 14px;
        font-family: "Inter", sans-serif;
        color: #dc3545;
        background-color: rgba(220, 53, 69, 0.1);
        border-radius: 6px;
        padding: 4px 8px;
        text-decoration: line-through;
    }
    
    @media (max-width: 600px) {
        .products-grid { grid-template-columns: 1fr; }
    }
#description {
    background-color: #F8F9FA;
    border-radius: 8px;
}

@media (max-width: 800px) {
  #wb_description {
    padding: 0 15px;
  }
}
#description-text-card-item0 i {
    font-size: 19px;
}
#instructions {
    background-color: #F8F9FA;
    border-radius: 8px;
}

@media (max-width: 800px) {
  #wb_instructions {
    padding: 0 15px;
  }
}
#instructions-text-card-item0 i {
    font-size: 19px;
}