@font-face {
    font-family: 'Euclid Flex';
    src: local('Euclid Flex UltraLight'), local('EuclidFlex-UltraLight'),
    url('../fonts/EuclidFlex-Light.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Euclid Flex';
    src: url('../fonts/EuclidFlex-Light.eot');
    src: local('Euclid Flex Light'), local('EuclidFlex-Light'),
    url('../fonts/EuclidFlex-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/EuclidFlex-Light.woff2') format('woff2'),
    url('../fonts/EuclidFlex-Light.woff') format('woff'),
    url('../fonts/EuclidFlex-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Euclid Flex';
    src: local('Euclid Flex Bold Italic'), local('EuclidFlex-BoldItalic'),
    url('../fonts/EuclidFlex-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Euclid Flex';
    src: local('Euclid Flex Thin Italic'), local('EuclidFlex-ThinItalic'),
    url('../fonts/EuclidFlex-Light.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Euclid Flex';
    src: url('../fonts/EuclidFlex-Regular.eot');
    src: local('Euclid Flex Regular'), local('EuclidFlex-Regular'),
    url('../fonts/EuclidFlex-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/EuclidFlex-Regular.woff2') format('woff2'),
    url('../fonts/EuclidFlex-Regular.woff') format('woff'),
    url('../fonts/EuclidFlex-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Euclid Flex';
    src: local('Euclid Flex UltraLight Italic'), local('EuclidFlex-UltraLightItalic'),
    url('../fonts/EuclidFlex-Light.woff2') format('woff2');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Euclid Flex';
    src: local('Euclid Flex Medium Italic'), local('EuclidFlex-MediumItalic'),
    url('../fonts/EuclidFlex-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
}

/* SemiBold (weight 600) files are absent from fonts/ → were firing 3×404 on every collection/product/landing page.
   Remap weight 600 to the existing Bold woff2 (matches what the browser already synthesized) — 0 requests fail. */
@font-face {
    font-family: 'Euclid Flex';
    src: local('Euclid Flex SemiBold Italic'), local('EuclidFlex-SemiBoldItalic'),
    url('../fonts/EuclidFlex-Bold.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Euclid Flex';
    src: local('Euclid Flex SemiBold'), local('EuclidFlex-SemiBold'),
    url('../fonts/EuclidFlex-Bold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Euclid Flex';
    src: local('Euclid Flex Light Italic'), local('EuclidFlex-LightItalic'),
    url('../fonts/EuclidFlex-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Euclid Flex';
    src: local('Euclid Flex Italic'), local('EuclidFlex-Italic'),
    url('../fonts/EuclidFlex-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Euclid Flex';
    src: url('../fonts/EuclidFlex-Bold.eot');
    src: local('Euclid Flex Bold'), local('EuclidFlex-Bold'),
    url('../fonts/EuclidFlex-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/EuclidFlex-Bold.woff2') format('woff2'),
    url('../fonts/EuclidFlex-Bold.woff') format('woff'),
    url('../fonts/EuclidFlex-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Euclid Flex';
    src: local('Euclid Flex Thin'), local('EuclidFlex-Thin'),
    url('../fonts/EuclidFlex-Light.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Euclid Flex';
    src: url('../fonts/EuclidFlex-Medium.eot');
    src: local('Euclid Flex Medium'), local('EuclidFlex-Medium'),
    url('../fonts/EuclidFlex-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/EuclidFlex-Medium.woff2') format('woff2'),
    url('../fonts/EuclidFlex-Medium.woff') format('woff'),
    url('../fonts/EuclidFlex-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}


/* ANTI-FOUC: cart.js is deferred, so without this the raw Joomla header (grey bar + blue Bootstrap burger + old «0» basket) flashes
   before the brand header paints. These render-blocking rules (custom.css is in <head>) mirror cart.js buildHeader so the first paint
   already hides the old chrome, reserves the header height, and shows a brand-cream placeholder strip until cart.js builds the header. */
#sp-top-bar,#sp-header,#sp-bottom .sp-module .mod-languages{display:none!important}
body{padding-top:70px}
body::before{content:"";position:fixed;top:0;left:0;right:0;height:70px;background:#fffdf9;border-bottom:1px solid #ece7db;z-index:99990}
@media(max-width:991px){body{padding-top:60px}body::before{height:60px}}
/* preload the brand logos during CSS parse (render-blocking) so they don't «pop in» after cart.js builds the deferred header */
html::after{content:url("/templates/shaper_shopin/images/aura/horizontal.png") url("/templates/shaper_shopin/images/aura/emblem.png");position:absolute;top:-9999px;left:-9999px;width:0;height:0;opacity:0;overflow:hidden;pointer-events:none}

body{
    font-family: 'Euclid Flex';
}
#sp-top1 >div>.sp-module{
    align-items: center;;
}
.sp-module-content .mod-languages ul.lang-inline{
    line-height: 84px;
    margin-top: -10px;
}
.prod-full{
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
    justify-content: space-between;
}
.prod-full-left{
    padding-left: 30px;
    width: 45%;
}
.prod-full-right{
    padding-left: 30px;
    width: 50%;
}
#list_product_image_middle{
    text-align: center;
    display: block;
}
#list_product_image_middle ~ *{
    margin-top: 15px;
}
#list_product_image_middle img{
    display: inline;
    float: none;
}


.jshop_list_product .jshop .old_price span {
    display: none;
   
}




.jshop_prod_description > *:last-child{
    margin-bottom: 0;
}
.prod-hr{
    border-color: #a88a43;
}
.prod_qty-wrap{
    display: flex;
    align-items: center;
}
.prod_qty_input, .basket_quan, .quantity .data{
    display: flex;
    align-items: center;
}
.quantity .data{
    padding-right: 30px;
    position: relative;
}
.cart_reload{
    position: absolute;
    right: 0;
    top: 12px;
    border: none !important;
    background: none !important;
}
.product_minus{
    order: -1;
}
.productfull .prod_qty{
    width: auto;
    padding-right: 10px;
}
/* keep the «Количество:» label tight to its stepper (was width:50% → ~280px gap on desktop) */
.prod_qty-wrap{gap:14px}
.jshop .prod_qty_input input, .basket_quan > *, .quantity .data input{
    width: 40px !important;
    height: 40px;
    text-align: center;
    border-radius: 0;
    background: #ffffff;
    padding: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    font-family: Arial, Helvetica, sans-serif;
}
.jshop .prod_qty_input input.inputbox, .basket_quan .inputbox, .quantity .data .inputbox{
    border: none;
    margin: 0 5px;
    text-align: center;
    font-size: 18px;
}
.jshop .prod_qty_input input:not(.inputbox), .basket_quan > *:not(.inputbox), .quantity .data > *:not(.inputbox){
    border: 1px solid #BCBBBB;
    transition: color 400ms, background-color 400ms, border-color 400ms;
    color: #8c703b;
}
.jshop .prod_qty_input input:not(.inputbox):hover, .quantity .data > *:not(.inputbox):hover{
    background: rgba(168,138,67,0.8);
    color: #ffffff;
}
.jshop .prod_qty_input .product_plus, .basket_plus, .quantity .data .product_plus{
    font-size: 44px !important;
    line-height: 38px;
}
.jshop .prod_qty_input .product_minus, .quantity .data .product_minus{
    font-size: 40px !important;
    line-height: 35px;
    font-family: fantasy;
    padding-bottom: 3px !important;
}
.basket_minus{
    font-size: 40px !important;
    line-height: 40px;
}
.product-buttons{
    margin-top: 15px;
}
.basket_inputbox{
    width: 40px !important;
    height: 40px !important;
    max-width: none !important;
}
.basket_row{
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 10px !important;
}
.basket_row:last-child{
    padding-bottom: 0 !important;
}
.basket_img{
    width: 110px;
}
.basket_img img{
    margin-right: 0;
}
.basket_name{
    width: calc(100% - 110px);
    text-align: left;
}
.basket_value{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}
.basket_rows a.basket_del{
    width: 40px;
    height: 40px;
    border-radius: 0;
    font-size: 22px;
    line-height: 40px;
    text-align: center;
    margin: 0;
    color: #ffffff !important;
}
.basket_price{
    width: 100%;
    text-align: right;
}
.btn-success{
    color: #ffffff !important;
    background: rgba(168,138,67,0.8) !important;
    border: 1px solid #a88a43 !important;
}
.btn-success:hover{
    color: #a88a43 !important;
    background: #ffffff !important;
    border: 1px solid #a88a43 !important;
    opacity: 1 !important;
}
select {
    background: url(../images/select-arrow@2x.png) no-repeat calc(100% - 15px) 50%;
    background-size: 10px 6px;
    border: 1px solid #BCBBBB !important;
    border-radius: 0;
    cursor: pointer;
    padding: 5px 30px 5px 15px;
    height: 40px !important;
    overflow: hidden;
    white-space: nowrap;
    line-height: 1;
    width: 100% !important;
    box-shadow: none !important;
    -webkit-appearance: none;
    outline: none !important;
}
.jshop_prod_attributes span{
    display: block;
}
.row-attr{
    display: flex;
    align-items: center;
    margin-top: 15px;
}
.attributes_title{
    width: 50%;
    padding-right: 10px;
}
.attributes_value{
    width: 50%;
}
.manufacturer_logo{
    text-align: center;
}
.manufacturer_logo img{
    display: inline-block;
}
.logo img{
    max-height: 64px;
    width: auto;
}
@media screen and (min-width: 992px){
    .logo img{
        max-width: 250px;
        padding: 5px 0px;
        max-height: none;
        margin-left: -28px;
    }
    #sp-header{
        height: 84px;
    }
}
@media screen and (min-width: 1200px){
    .logo img{
        max-width: 350px;
        padding: 5px 0px;
        max-height: none;
        margin-left: -56px;
    }
}
.btn-primary:hover{
    color: #ffffff !important;
}
.list-prod-buttons{
    margin-top: 10px;
}
.list-prod-buttons .btn{
    width: 100%;
}
.row-related, .list_product_image_thumb{
    padding-left: 30px;
    padding-right: 30px;
}
.row-related .owl-prev, .list_product_image_thumb .owl-prev{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 !important;
    transition: all 0.2s ease 0s;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 4px;
    height: 40px;
}
.row-related .owl-next, .list_product_image_thumb .owl-next{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 !important;
    transition: all 0.2s ease 0s;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 4px;
    height: 40px;
}
.row-related .owl-prev:hover, .row-related .owl-next:hover, .list_product_image_thumb .owl-prev:hover, .list_product_image_thumb .owl-next:hover{
    background: #8c703b !important;
    color: #ffffff;
}
.row-related .owl-nav i, .list_product_image_thumb .owl-nav i{
    position: relative;
    top: 3px;
    font-size: 20px !important;
}
.row-related .owl-prev i, .list_product_image_thumb .owl-prev i{
    left: -1px;
}
.row-related .owl-next i, .list_product_image_thumb .owl-next i{
    right: -1px;
}
/*.sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span, #sp-top1 >div>.sp-module a,*/
/*.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span{*/
    /*font-size: 16px;*/
/*}*/
.td_1 a:hover, .td_2 a:hover{
    color: #fff !important;
}
.controls label{
    padding-left: 0 !important;
}
.controls [type="checkbox"]{
    position: relative !important;
    top: 0;
    margin-right: 8px !important;
    margin-left: 0 !important;
}
.jshop input[type="radio"], .jshop input[type="checkbox"]{
    margin-right: 8px;
}
input[type="text"], input[type="password"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"]{
    width: 100%;
    height: 40px;
}
textarea{
    width: 100%;
}
*:focus{
    outline: none !important;
}
.pfinish_comment_block > *:not(:last-child){
    margin-bottom: 8px;
}
.cartcheckout .data{
    padding-right: 0;
    text-align: center;
    display: block;
    color: inherit !important;
}
.cartcheckout .qtyval{
    border: none !important;
    background: none !important;
}
.jshop_prod_cart .data{
    text-align: center;
    justify-content: center;
}
.button-img img{
    display: inline-block;
}
.jshop_prod_cart .product_name .data{
    text-align: left;
}
.jshop h1{
    display: none;
}
.sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span{
    font-weight: bold;
    line-height: 84px;
}
.basket_icon{
    background-position: center center !important;
    text-align: center !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 8px 0 0 !important;
}
div#basket_store {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    padding: 0;
}
.sp-mod-login i{
    font-size: 20px;
}
.sp-mod-login .login{
    display: inline-flex;
    align-items: center;
}
.basket_content{
    top: 63px !important;
}
#sp-top1 #id_currency{
    border: none !important;
    font-family: inherit !important;
    font-size: 20px!important;
    line-height: inherit!important;
    color:#4f2510;
    background-color: #ffffff;
    align-items: center;
} 
#sp-user4 #id_currency{
    border: none !important;
    font-family: inherit !important;
    font-size: 20px!important;
    color:#4f2510;
    line-height: inherit!important;
    background-color: #ffffff;
    align-items: center;
}
.mt-10{
    margin-top: 10px;
}
.owl-nav.disabled{
    display: none;
}
#sp-top1 > .sp-column{
    display: inline-flex;
    align-items: center;
}

@media screen and (max-width: 1199px){
    .prod-full-left{
        width: 50%;
    }
}
@media screen and (max-width: 991px){
    .container{
        width: 100%;
    }
    #sp-header > .container > .row{
        display: flex;
        align-items: center;
    }
    #sp-header > .container > .row:before, #sp-header > .container > .row:after{
        display: none;
    }
    #sp-top1 > .sp-column{
        display: flex;
        align-items: center;
    }
    .sp-module-content .mod-languages ul.lang-inline{
        display: flex;
        align-items: center;
    }
    #basket_2{
        height: 70px !important;
    }
    .sp-my-account .btn-account{
	    line-height: 70px !important;
    }
    #sp-menu{
        width: 50px;
    }
    #sp-top1, #sp-logo{
        width: auto;
    }
    #sp-logo{
        flex-grow: 1;
    }
    .top-search .top-search-input-wrap .search-wrap .search.top-search{
        width: 90%;
    }
    #sp-header{
        min-height: 70px;
    }
}
@media screen and (max-width: 767px){
    .prod-full-left{
        width: 100%;
        margin-bottom: 20px;
    }
    .prod-full-right{
        width: 100%;
    }
}
@media screen and (max-width: 600px){
    #sp-top1{
        padding-right: 0;
    }
    #sp-menu{
        padding-left: 0;
        width: 35px;
    }
    #sp-top1 #id_currency{
        font-size: 17px !important;
    }
}
@media screen and (max-width: 378px){
    #sp-logo{
        padding: 0;
    }
    #sp-logo img{
        max-width: 50px;
    }
}
@media screen and (max-width: 340px){
    #sp-logo img{
        max-width: 30px;
    }
}
.sp-my-account {
  position: relative;
  z-index: 999;
  float: right;
}
.sp-my-account:empty {
  display: none;
}
.sp-my-account .btn-account {
  color: #333;
  font-size: 14px;
  line-height: 84px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  text-transform: uppercase;
}
.sp-my-account .btn-account:before {
  content: "\e908";
  font-family: shopin-icon;
  font-size: 28px;
  margin-right: 10px;
}
.sp-my-account .sp-account-info {
  position: absolute;
  top: 100%;
  left: initial;
  right: 0;
  display: none;
}
.sp-my-account .sp-account-info{
    background-color: #f9f9f9;
}
.sp-my-account ul.nav {
  background: #f9f9f9;
  z-index: 100;
  display: table;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
  border-radius: 0 0 3px 3px;
  padding: 15px 0;
  margin-top: 0;
  min-width: 200px;
}
.sp-my-account ul.nav >li >a {
  padding: 6px 15px;
  font-size: 14px;
  color: #666;
}
.sp-my-account ul.nav >li >a:hover,
.sp-my-account ul.nav >li >a:focus {
  background-color: #fff;
}
.sp-my-account ul.nav >li.active {
  background-color: #fff;
}
.sp-my-account:hover .btn-account {
  opacity: .7;
}
.sp-my-account:hover .sp-account-info {
  display: block;
  -webkit-animation: fadeIn .5s;
  animation: fadeIn .5s;
}
.search .btn-toolbar {
  margin-bottom: 20px;
}
.offcanvas-menu .top-search .icon-top-wrapper i{
    color: #fff;
    opacity: 1;
    
 
}
.offcanvas-menu .sp-module-content .mod-languages ul.lang-inline{
    line-height: 1;
    margin: 0;
 
}
.offcanvas-menu .sp-module.top-search, .offcanvas-menu .sp-module.top-search + .sp-module{
    margin-bottom: 0;
  
}
.offcanvas-menu .sp-module.top-search{
    padding: 0 20px 20px;
}
.offcanvas-menu .mod-languages{
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: -10px;
    margin-top: -5px;
  
}
.offcanvas-menu #id_currency{
    margin-left: 20px;
    margin-top: 20px;
    width: calc(100% - 40px) !important;
    margin-bottom: 20px;
 
}
.offcanvas-menu .top-search-input-wrap .search-wrap .search.top-search{
    width: 90%;
 
}
.offcanvas-menu .top-search .icon-top-wrapper{
    line-height: 1;
  
}
.offcanvas-menu .offcanvas-inner .sp-module{
    border-bottom: 1px solid rgba(255,255,255,0.2);
    margin-bottom: 20px;
  
}
.offcanvas-menu #favsocial-list{
    margin-bottom: 10px !important;
    margin-top: -10px !important;

}
#comjshop_register h1{
    display: block;
    text-align: center;
}
#comjshop_register, .pagelogin{
    background: #fff;
    position: relative;
    padding: 30px 40px;
    border: 1px solid;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
}
.pagelogin > .row-fluid{
    margin: 0;
}
.pagelogin > .row-fluid > div{
    width: 100%;
    margin: 0;
}
.pagelogin > .row-fluid > div + div{
    margin-top: 20px;
    padding-left: 100px;
}
.pagelogin > .row-fluid > div:first-child .small_header{
    margin-top: 0px;
    font-size: 40px;
    margin-bottom: 5px;
    text-align: center;
    line-height: 1.1;
}
#comjshop_register .jshop_register{
    padding: 0;
}
.pagelogin > .row-fluid > div:first-child .logintext{
    text-align: center;
    margin-bottom: 15px;
}
@media screen and (max-width: 767px){
    .jshop h1{
        font-size: 30px;
        margin-bottom: 20px;
    }
    .pagelogin > .row-fluid > div:first-child .small_header{
        font-size: 30px;
    }
    #comjshop_register .jshop_register{
        width: 100%;
    }
    .pagelogin > .row-fluid > div + div{
        padding-left: 0;
    }
    .pagelogin > .row-fluid > div:last-child .small_header{
        margin-left: 160px;
    }
    #comjshop_register, .pagelogin{
        padding: 20px;
    }
}
@media screen and (max-width: 479px){
    .pagelogin > .row-fluid > div:last-child .small_header{
        margin-left: 0;
    }
}
/* === Aura fixes (2026-07-21): CTAs must be visible WITHOUT JS + lightbox nav glyphs === */
.btn-primary,.btn.btn-primary,.button_detail,.btn-buy,.subbutton,.acysubbuttons,input.btn-primary,button.btn-primary{background-color:#a88a43 !important;border-color:#a88a43 !important;color:#fff !important}
.btn-primary:hover,.button_detail:hover,.btn-buy:hover,.subbutton:hover,.acysubbuttons:hover{background-color:#8c703b !important;color:#fff !important}
#lightbox-secNav-btnClose{width:28px !important;height:28px !important;background:rgba(0,0,0,.55) !important;border-radius:50% !important;text-align:center;line-height:28px}
#lightbox-secNav-btnClose:after{content:"\00d7";color:#fff;font-size:20px;font-family:Arial,sans-serif}
#lightbox-nav-btnPrev:after{content:"\2039";color:#fff;font-size:34px;text-shadow:0 1px 3px rgba(0,0,0,.6)}
#lightbox-nav-btnNext:after{content:"\203a";color:#fff;font-size:34px;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.sppb-btn-primary,a.sppb-btn-primary,.sppb-btn.sppb-btn-primary{background-color:#a88a43 !important;border-color:#a88a43 !important;color:#fff !important}
.sppb-btn-primary:hover{background-color:#8c703b !important;color:#fff !important}
/* product "enlarge image" label — was Bootstrap blue, now brand */
.text_zoom{color:#8c703b !important}
a.lightbox:hover .text_zoom{color:#a88a43 !important}

/* ===== UI/UX cosmetic pass (2026-07-22) — theme-consistent colors, readable footer, mobile CTAs ===== */
/* product title links: were Bootstrap blue #337AB7 → brand brown */
.product .name a,#sp-main-body .name a,.jshop .name a,.productitem .name a{color:#4a371e !important;text-decoration:none;transition:.15s}
.product .name a:hover,#sp-main-body .name a:hover,.jshop .name a:hover{color:#a88a43 !important}
/* prices: were red (#950000 / #c0392b) → brand gold, consistent everywhere */
.jshop_price,.jshop_price span,.product-price,.prod_price #block_price,#block_price{color:#a88a43 !important;font-weight:600}
/* footer links: were #bdbdbd (unreadable) → readable brand brown */
#sp-bottom a,#sp-bottom1 a,#sp-bottom2 a,#sp-bottom3 a,#sp-bottom4 a,#sp-footer a{color:#4a371e !important}
#sp-bottom a:hover,#sp-footer a:hover{color:#a88a43 !important}
#sp-bottom .nav.menu a{opacity:1 !important}
/* mobile: full-width primary CTAs (add-to-cart) for easy tapping + consistency */
@media(max-width:767px){
  .btn-buy,input.btn-buy,button.btn-buy,.prod_buttons .btn-buy,.product-buttons .btn-buy{width:100% !important;display:block !important;box-sizing:border-box;text-align:center}
  .prod_buttons,.product-buttons{width:100%}
}

/* hide decorative geo-pin label above product tiles (semantic noise on perfume cards) */
.product_label{display:none !important}
/* newsletter: align e-mail input and OK button (were 40px/4px vs 53px/0px) */
.acym_form input[type=email],.acym__user__edit__email,.acym_form .cell{height:46px !important;border-radius:6px !important;box-sizing:border-box}
.acysubbuttons input,.acysubbuttons .subbutton,.subbutton{height:46px !important;border-radius:6px !important;box-sizing:border-box;padding:0 26px !important}
.acym_form td{vertical-align:middle !important}
table.acym_form{border-collapse:separate;border-spacing:6px 0}

/* ===== cosmetic pass 2 (2026-07-22) ===== */
/* content-area links (Stores/Contacts/article pages): kill leftover Bootstrap blue #337ab7 */
#sp-component a:not(.btn):not(.button):not(.button_detail):not(.btn-buy):not(.sppb-btn):not(.aura-logo):not(.text_zoom){color:#8c703b}
#sp-component a:hover:not(.btn):not(.button):not(.button_detail):not(.btn-buy):not(.sppb-btn){color:#a88a43}
.item-page a,.contacts a,.stores a,address a{color:#8c703b}
/* form controls: brand accent + focus ring instead of browser blue */
input[type=radio],input[type=checkbox]{accent-color:#a88a43}
input:focus,select:focus,textarea:focus{outline:none !important;border-color:#a88a43 !important;box-shadow:0 0 0 2px rgba(168,138,67,.22) !important}
/* mobile footer: trim empty gap + center the newsletter block to match centered contacts */
@media(max-width:767px){
  #sp-bottom{padding-bottom:6px !important}
  #sp-bottom .sp-module-content{text-align:center}
  #sp-bottom .acym_introtext{text-align:center !important}
  #sp-bottom .acym_module_form{text-align:center}
  /* inline-table + parent text-align:center → the email+OK row is symmetrically centered under its heading (margin-auto alone left it shifted) */
  #sp-bottom table.acym_form{display:inline-table;float:none;margin:0 auto;border-spacing:8px 0}
  #sp-bottom .acym_form .cell,#sp-bottom .acym_form input[type=email]{width:44vw;max-width:220px}
  #sp-bottom .nav.menu{display:inline-block;text-align:center}
}
/* mobile "our advantages" cards: icon left, text left with gap (kill the mid-card gap) */
@media(max-width:575px){
  .sppb-addon-feature{display:flex !important;align-items:center;gap:14px;text-align:left !important}
  .sppb-addon-feature .sppb-media-content,.sppb-addon-feature .feature-content{text-align:left !important}
}
/* remove the residual empty white footer strip under every page */
#sp-footer{display:none !important}

/* product main-image zoom (theme jQuery Lightbox) had z-index:90 — BELOW the fixed brand header (100000) + back FAB (99998),
   so the dark scrim rendered UNDER the page (header/content/wordmark visible around the photo). Lift it above all site chrome. */
#jquery-overlay{z-index:100060 !important;opacity:.9 !important;background:#1e1810 !important}
#jquery-lightbox{z-index:100061 !important}
#jquery-lightbox #lightbox-container-image-box{background:#fff !important}

/* EN/KZ product descriptions cram several sentences into one <p> separated by <br> (RU uses real <p> blocks → airy).
   Turn those <br> into block breaks with spacing so EN/KZ read as paragraphed as RU. RU is untouched (it has ~0 <br>). */
.jshop_prod_description br,.jshop_prod_description2 br{display:block;margin-bottom:16px;content:""}

/* anti-FOUC: when a non-KZT currency is pre-selected, an inline <head> script adds .aura-hideprice to <html> so the
   baked ₸ price never flashes before cart.js converts it; cart.js removes the class after preconvertPrices(). */
html.aura-hideprice .jshop_price,html.aura-hideprice #block_price{visibility:hidden!important}

/* EN/KK homepage hero carried a WOW fadeInDown entrance (opacity 0→1) that left the first screen blank ~1s while RU showed instantly.
   On a static mirror WOW.js may not init → any .sppb-wow element risks being stuck invisible. Force ALL of them visible/instant:
   fixes the blank EN/KK hero AND prevents any stuck-hidden SP-PageBuilder content site-wide. */
.sppb-wow{opacity:1!important;visibility:visible!important;transform:none!important;animation:none!important}

/* narrow phones (≤360): shrink section titles so long single Kazakh words (e.g. «артықшылықтарымыз») don't clip at the body edge */
@media(max-width:360px){.sppb-title-heading{font-size:24px !important;line-height:1.2 !important}}
/* the RU payment-page addon title has a very long word («НИЖЕПЕРЕЧИСЛЕННЫМИ») that clipped on mobile — shrink + allow wrap */
@media(max-width:480px){.sppb-addon-title{font-size:24px !important;line-height:1.25 !important;overflow-wrap:break-word;word-break:break-word}}
@media(max-width:360px){.sppb-addon-title{font-size:20px !important}}

/* pagination: active page was Bootstrap-blue #337AB7 (foreign to the gold theme + brown text on blue = unreadable) → brand gold */
.jshop_pagination .pagination>li.active>a,.jshop_pagination .pagination>li.active>span,
.pagination>li.active>a,.pagination>.active>a,.pagination>.active>span{background:#a88a43!important;border-color:#a88a43!important;color:#fff!important}
.jshop_pagination .pagination>li>a,.pagination>li>a{color:#8c703b}
.jshop_pagination .pagination>li>a:hover,.pagination>li>a:hover{background:#f6f1e7;border-color:#a88a43;color:#a88a43}

/* zoom affordance: show the zoom-in cursor + hover highlight from first paint (was only injected on first openZoom click) */
.aura-zoomable{cursor:zoom-in;transition:filter .15s}
.aura-zoomable:hover{filter:brightness(1.04)}

/* ===== cosmetic pass 3 (2026-07-22) ===== */
/* standalone (checkout/success) footer link colors */
.aura-standalone-footer a,.aura-flinks a{color:#4a371e !important}
.aura-standalone-footer a:hover,.aura-flinks a:hover{color:#a88a43 !important}
/* mobile burger language switcher: use the site sans-serif (was falling back to serif) */
.aura-oc-lang,.aura-oc-lang li,.aura-oc-lang li a{font-family:'Open Sans','Golos Text',system-ui,sans-serif !important}
/* mobile "our advantages": even icon column + left text */
@media(max-width:767px){
  .sppb-addon-feature{display:flex !important;align-items:center !important;gap:14px !important;text-align:left !important}
  .sppb-addon-feature .sppb-media,.sppb-addon-feature .sppb-icon-container,.sppb-addon-feature .sppb-media-content{flex:none}
  .sppb-addon-feature .sppb-icon img,.sppb-addon-feature img{height:42px !important;width:auto !important}
  .sppb-addon-feature .sppb-addon-content,.sppb-addon-feature .sppb-feature-content{text-align:left !important;flex:1}
}
/* recolor red 'COVID/Внимание' notice to theme instead of alarming red */
.shipping-notice,.covid-notice{color:#4a371e !important}

/* ===== cosmetic pass 4 (2026-07-23) ===== */
/* soften the alarming red COVID/attention notice to a warm brand tone — RU (…481085), KK (…904188), EN (…170401) */
#sppb-addon-1597748481085 span,#sppb-addon-1597748481085 p,#sppb-addon-1597748481085,
#sppb-addon-1597746904188,#sppb-addon-1597746904188 span,#sppb-addon-1597746904188 p,#sppb-addon-1597746904188 strong,#sppb-addon-1597746904188 div,
#sppb-addon-1597748170401,#sppb-addon-1597748170401 span,#sppb-addon-1597748170401 p,#sppb-addon-1597748170401 strong,#sppb-addon-1597748170401 div{color:#9c5a3a !important}
/* mobile hero: full-bleed (was a rounded 25px card floating in ~30px petroglyph gutters → looked small/inconsistent with desktop) */
@media(max-width:767px){
  #section-id-1598781457323{border-radius:0 !important;padding-top:0 !important;padding-bottom:0 !important} /* the mobile hero SECTION carried the 25px radius + 5px top strip (the «card frame») */
  #sppb-addon-1598781457326,#sppb-addon-1598781457326 *{border-radius:0 !important}
  #sppb-addon-1598781457326,#sppb-addon-1598781457326 .clearfix{padding-left:0 !important;padding-right:0 !important}
  #sppb-addon-1598781457326 img{width:100% !important;max-width:none !important}
  #column-id-1598781457322 .sppb-column-addons{padding-left:0 !important;padding-right:0 !important}
}
/* catalog grid: reserve 2 lines for the (above-image) product name so 1- vs 2-line titles don't ragged-shift the image/price/CTA; push the button row to the cell bottom */
.jshop_list_product .block_product{display:flex;flex-direction:column;height:100%}
.jshop_list_product .name{min-height:2.7em}
.jshop_list_product .list-prod-buttons{margin-top:auto}
/* footer: remove the empty gap between the two stacked link menus */
#sp-bottom .sp-module{margin-bottom:0 !important}
#sp-bottom .nav.menu{margin:0 !important}
/* desktop footer: center the module row so it isn't left-heavy with an empty right quarter */
@media(min-width:992px){
  #sp-bottom>.container>.row{display:flex;flex-wrap:wrap;justify-content:center;gap:0 60px}
  #sp-bottom>.container>.row>[class*="col-"]{float:none;width:auto;max-width:none;flex:0 0 auto}
}
/* center the landing «Подробнее» CTAs under their (centered) titles */
.sppb-addon-buttons{text-align:center}

/* ===== cosmetic pass 5 (2026-07-23) ===== */
/* delivery table: solid zebra rows (were rgba -> background pattern bled through) */
#sp-component table tr,.sppb-addon table tr{background-color:#ffffff !important}
#sp-component table tr:nth-child(even),.sppb-addon table tr:nth-child(even){background-color:#f4efe4 !important}
#sp-component table td,.sppb-addon table td{background-color:transparent !important}
/* mobile: SP Page Builder responsive tables inject td::before labels with a hard white bg → they broke the cream zebra («шахматка»). Make the label bg transparent (inherits the row colour). */
@media(max-width:767px){.sppb-addon-table-main td::before,.sppb-addon-table-main th::before,#sp-component table td::before,#sp-component table th::before{background:transparent !important;background-color:transparent !important}}
/* mobile collection landings: align photo and its title/button to the same left edge (kill stair-step) */
@media(max-width:767px){
  .sppb-column-addons{padding-left:15px !important;padding-right:15px !important}
}

/* ===== mobile touch-target + sizing polish (2026-07-23) ===== */
@media(max-width:767px){
  /* notes pyramid & collection PNGs: fill column, stay readable */
  #sp-component .sppb-img-responsive,.sppb-addon-single-image img{max-width:100% !important;height:auto !important}
  /* product qty +/- controls -> 44px */
  .prod_qty a,.prod_qty span,.count_products a,.jshop_qty a,.btn-number,.jshop .quantity a{min-width:44px !important;min-height:44px !important;line-height:44px !important;font-size:18px !important}
  /* gallery / carousel arrows -> 44px */
  #lightbox-nav-btnPrev,#lightbox-nav-btnNext,.owl-prev,.owl-next,.sppb-carousel-control{min-width:44px !important;min-height:44px !important}
  /* footer links + social icons: bigger tap area, better contrast */
  #sp-bottom .nav.menu a{padding:9px 4px;display:inline-block}
  .aura-fc-soc a{width:44px !important;height:44px !important;border-color:#cdb894 !important}
  /* delivery/content tables: fit narrow screens */
  #sp-component table td,#sp-component table th,.sppb-addon table td,.sppb-addon table th{padding:8px 7px !important;font-size:13px !important;white-space:normal !important;word-break:break-word}
}
@media(max-width:360px){
  #sp-component table td,.sppb-addon table td,#sp-component table th{padding:6px 4px !important;font-size:12px !important}
}

/* ===== mobile font/target polish 2 (2026-07-23) — kill the last of "мелковато" ===== */
@media(max-width:767px){
  /* content/delivery tables: readable body text */
  #sp-component .sppb-addon table td,#sp-component .sppb-addon table th,#sp-component .sppb-addon table strong,#sp-component table td{font-size:14px !important;line-height:1.5 !important}
  /* "Where to buy" country filter tabs + any content nav tabs -> 44px, spaced */
  .nav-tabs>li>a,.sppb-tab,.sppb-nav>li>a,ul.filter li a,.stores-filter a,.sppb-addon-tab .nav>li>a{min-height:44px !important;padding:11px 14px !important;margin:3px !important;display:inline-flex;align-items:center}
  /* Contacts page tel/mailto/address links -> 44px tap zone */
  .item-page a[href^="tel:"],.item-page a[href^="mailto:"],#sp-component a[href^="tel:"],#sp-component a[href^="mailto:"]{display:inline-block;padding:11px 6px;min-height:44px;box-sizing:border-box}
  /* product quantity minus/plus/input -> 44px */
  .product_minus,.product_plus,.prod_qty input,input.inputbox.count_input,.jshop .quantity input{min-width:44px !important;min-height:44px !important}
}

/* ===== mobile readability finish (2026-07-23) ===== */
@media(max-width:767px){
  /* base body + product description a touch larger (owner's "мелковато") */
  body{font-size:15px}
  #sp-component p,.jshop .description,.sppb-addon-text-block,.jshop_prod_description,.product .description{font-size:15px !important;line-height:1.6 !important}
  /* keep big centered section titles clear of the corner floating buttons */
  .sppb-addon-title,.sppb-title{padding-left:52px;padding-right:52px}
}
/* hide broken theme icon-font glyphs (Shaper Shopin font 404s on the mirror -> tofu boxes) */
[class^="shopin-ico"],[class*=" shopin-ico"]{display:none !important}

/* ===== mobile fixes 3 (2026-07-23) ===== */
/* fix the broken "−" stepper glyph (theme set font-family:fantasy) */
.product_minus,.jshop .product_minus,.quantity .product_minus{font-family:Arial,Helvetica,sans-serif !important}
/* notes pyramid & product content images: fill the column so baked text is as large as possible */
@media(max-width:600px){
  #sp-component .sppb-addon-single-image img,.jshop_prod_description img,.jshop .description img{width:100% !important;max-width:100% !important;height:auto !important}
}

/* ===== mobile: widen baked-text images to max legibility (2026-07-23) ===== */
@media(max-width:767px){
  /* notes pyramid + advantages banners: fill the column so baked text is as large as CSS allows */
  .sppb-column-addons{padding-left:9px !important;padding-right:9px !important}
  .sppb-addon-single-image-container{width:100% !important}
  .sppb-addon-single-image-container img.sppb-img-responsive,.sppb-addon-single-image img{width:100% !important;max-width:100% !important;height:auto !important;margin:0 auto;display:block}
}