/* ===== 0. RESET / BASE ====== */

*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
html,body{min-width:360px;}
body.savini{overflow-x:hidden;}

body{
  --sv-white:#fff;
  --sv-black:#000;

  --sv-t-900:#111;
  --sv-t-700:#333;
  --sv-t-500:#666;
  --sv-t-400:#777;
  --sv-t-300:#888;
  --sv-t-200:#dddddd;
  --sv-t-100:#b5b5b5;

  --sv-bg:#fff;
  --sv-bg-1:#f5f5f5;
  --sv-bg-2:#838383;
  --sv-bg-3:#f9f9f9;
  --sv-bg-4:#e1e1e1;

  --sv-bdr-weak:rgba(0,0,0,.10);
  --sv-bdr:rgba(0,0,0,.15);
  --sv-bdr-strong:rgba(0,0,0,.25);
  --sv-bdr-werystrong:rgba(0,0,0,.7);

  --sv-shadow:0 4px 12px rgba(0,0,0,.14);
  --sv-shadow-pop:0 0 10px rgba(0,0,0,.15);
  --sv-overlay:rgba(0,0,0);

  --sv-btn-bg:#262626;
  --sv-btn-hv:#404040;
  --sv-btn-hv-2:#f7f7f7;

  --sv-accent:#1d1d1d;

  --sv-notch-size:12px;
  --sv-notch-top:-7px;
  --sv-notch-offset:16px;
  --sv-ico-stroke:1.1;

  font-family:'Manrope',sans-serif;
  font-weight:400;
  color:var(--sv-t-500);
  font-size:12px;
  line-height:20px;
  width:100%;
  margin:0;
}

p{font-size:14px;}

h1,h2,h3,h4,h5,h6{color:#444;}
h1{font-size:30px;}
h2{font-size:26px;}
h3{font-size:21px;}
h4{font-size:15px;}
h5{font-size:12px;}
h6{font-size:11px;}

label{font-size:14px;margin-bottom:0;}

a{
  color:var(--sv-t-900);
}
a:hover{
  text-decoration:none;
  color:var(--sv-t-500);
}

.fa{font-size:14px;}

img{max-width:100%;height:auto;}
button,input,select,textarea{font:inherit;}

/* Маркер обов’язкових полів */
div.required .control-label:before{content:'* ';color:var(--sv-black);font-weight:bold;}

/* Базовий контейнер теми */
.container{
  width:90%;
  margin:auto;
}

.sv-icon{
  display:inline-block;
  width:1em;
  height:1em;
  vertical-align:-0.125em;
  fill:currentColor;
}
/* ==========================================================================
   1. OPEN CART BASELINE / COMPATIBILITY
   ========================================================================== */


/* --------------------------------------------------------------------------
   1.1 TOP BAR (#top)
   -------------------------------------------------------------------------- */

#top{
  width:100%;
  min-height:0;
  margin:0;
  padding:0;
  background:transparent;
  border:0;
}

#top>*{width:100%;}
#top .container,#top .container-fluid{padding-left:0;padding-right:0;}
#top:empty{display:block;height:0;overflow:hidden;}
#top .row{margin-left:0;margin-right:0;}
#top .navbar{margin-bottom:0;border:0;border-radius:0;}
#top .alert,#top .banner,#top .module{margin-bottom:0;}


/* --------------------------------------------------------------------------
   1.2 BREADCRUMB (baseline)
   -------------------------------------------------------------------------- */

.breadcrumb{
  margin:0 0 20px 0;
  padding:8px 0;
  border:1px solid #ddd;
}

.breadcrumb>li{
  text-shadow:0 1px 0 var(--sv-white);
  padding:0 20px;
  position:relative;
  white-space:nowrap;
}

.breadcrumb>li+li:before{content:'';padding:0;}

.breadcrumb>li:after{
  content:'';
  display:block;
  position:absolute;
  top:-3px;
  right:-5px;
  width:26px;
  height:26px;
  border-right:1px solid #DDD;
  border-bottom:1px solid #DDD;
  transform:rotate(-45deg);
}


/* --------------------------------------------------------------------------
   1.3 BUTTONS / FORMS
   -------------------------------------------------------------------------- */

.btn{
  font-size:16px;
  color:var(--sv-t-700);
  border-radius:0;
  border:none;
  background:none;
}

.btn.active,.btn:active{
  background-image:none;
  outline:0;
  -webkit-box-shadow:none;
  box-shadow:none;
}

.btn-primary{
  color:var(--sv-white);
  text-transform:uppercase;
  background-color:var(--sv-btn-bg);
  background-repeat:repeat-x;
  border-color:var(--sv-t-900);
  display:block;
  width:60%;
  margin:auto;
  padding:10px 20px;
  font-size:18px;
  font-weight:600;
  margin-top:20px;
  margin-bottom:20px;
}

.btn-primary:hover,
.btn-primary:active{
  background-color:var(--sv-btn-hv)!important;
  color:var(--sv-white);
}

.btn-default{
  color:var(--sv-t-500);
  text-transform:uppercase;
  background-color:var(--sv-btn);
  background-repeat:repeat-x;
  border:2px solid;
  border-color:var(--sv-t-500);
  display:block;
  margin:auto;
  padding:10px;
  font-size:16px;
  font-weight:800;
  width:60%;
  max-width:640px;
}

.btn-default.active,
.btn-default:hover{
  color:var(--sv-black);
  border-color:var(--sv-t-900);
  background:none;
}

.img-thumbnail{
    border: none;
    border-radius: 0;
}

/* Compare */
#compare-total{
  font-size:12px;
  border:none;
  border-bottom:1px solid var(--sv-bdr);
}

#compare-total:hover{
  background:var(--sv-bg-1)!important;
  color:var(--sv-t-900)!important;
}

/* Alerts */
.alert{padding:8px 14px;}

/* Small buttons */
.btn-group-sm>.btn,.btn-sm{
  padding:0;
  margin:0;
  background:none;
  width:32px;
  height:32px;
  border-radius:0;
}

/* Input group */
.input-group-addon{
  color:var(--sv-t-700);
  border-color:var(--sv-bdr);
  border:none;
  background:none;
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn{
  border-radius:0;
}

.input-group-btn>.btn{
  width: 100%;
  border: none;
  border-bottom: 1px solid var(--sv-bdr);
  background: var(--sv-btn-bg);
}

/* Panels */
.panel-group .panel{
  border-radius:0!important;
  border:none;
  margin-bottom:10px;
}

.panel-group .panel .panel-body{
  background-color:var(--sv-bg-3);
  padding:15px 25px;
}

.panel-default>.panel-heading{
  background-color:var(--sv-bg-1);
  border-radius:0!important;
  padding:15px;
}

.panel-default>.panel-heading .panel-title{
  font-size:18px;
  padding:18px;
}

fieldset{margin-top:30px;}

fieldset legend{
  font-weight:600;
  color:var(--sv-t-500);
  border-bottom:2px solid var(--sv-t-500);
}

.buttons{margin:25px auto;}


/* --------------------------------------------------------------------------
   1.4 CHECKOUT BUTTON LAYOUT / AGREEMENT
   -------------------------------------------------------------------------- */

.buttons .pull-right,
.buttons .pull-left{
  float:none!important;
  text-align:left!important;
  flex-direction:column!important;
  align-items:center!important;
  position:relative;
  font-size:15px;
}

.buttons .pull-right .agree,
.buttons .pull-right>span{
  align-self:flex-start!important;
}

.buttons .pull-right input[name="agree"]{
  position:absolute;
  left:0;
  margin:0!important;
}

.buttons .pull-right input[type="submit"]{
  position:static;
  align-self:center!important;
}


/* --------------------------------------------------------------------------
   1.5 HORIZONTAL FORMS
   -------------------------------------------------------------------------- */

.form-horizontal .form-group{display:block;margin:auto 0;}

.form-horizontal .control-label{
  float:none;
  width:100%;
  text-align:left;
  margin-top:10px;
  padding-top:0;
}

.form-horizontal .col-sm-10,
.form-horizontal .col-sm-2{
  float:none;
  width:100%;
  padding-left:0;
  padding-right:0;
}

.label-info{
  background-color:var(--sv-bg-2);
}
.label{
  font-size: 14px;
  border-radius: 0;
  line-height: 2;
}

/* --------------------------------------------------------------------------
   1.6 MENU (baseline default-compatible)
   -------------------------------------------------------------------------- */
body.savini #menu{
  background:var(--sv-bg);
  border:0;
  border-radius:0;
  margin:0;
  min-height:40px;
}

body.savini #menu .nav{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  float:none;
}

body.savini #menu .nav>li{
  float:none;
}

body.savini #menu .nav>li>a{
  color:var(--sv-t-900);
  padding:16px 14px;
  font-size:16px;
  letter-spacing:.4px;
  text-decoration:none;
  background:transparent;
}

body.savini #menu .nav>li>a:hover{
  opacity:.7;
  background:transparent;
}

body.savini #menu .dropdown-menu{
  display:none;
  min-width:180px;
  padding:8px 0;
  border:1px solid var(--sv-bdr);
  border-top:none;
  background:var(--sv-bg);
  box-shadow:0 4px 12px rgba(0,0,0,.10);
  margin-top:-10px;
}

body.savini #menu .dropdown.open .dropdown-menu{
  display:block;
}

body.savini #menu .dropdown-inner{
  display:table;
}

body.savini #menu .dropdown-inner ul{
  display:table-cell;
}

body.savini #menu .dropdown-inner a{
  min-width:180px;
  display:flex;
  align-items:center;
  width:100%;
  gap:8px;
  padding:6px 14px;
  font-size:13px;
  line-height:18px;
  color:var(--sv-t-900);
  text-align:left;
  opacity:.7;
}

body.savini #menu .dropdown-inner li a:hover{
  opacity:1;
}

body.savini #menu .see-all{
  display:block;
  margin-top:14px;
  padding:10px 14px;
  border-top:1px solid rgba(0,0,0,.10);
  font-size:13px;
  color:rgba(0,0,0,.65);
  background:transparent;
  text-decoration:underline;
}

body.savini #menu .see-all:hover{
  color:var(--sv-t-900);
  opacity:1;
}


body.savini .sv-nav{
  background:var(--sv-bg);
  border-bottom:1px solid var(--sv-bdr);
  position:static;
  top:auto;
  margin-bottom:0;
  box-shadow:0 0 10px rgba(0,0,0,.1);
  transition:box-shadow .18s ease;
}

body.savini.is-scrolled .sv-nav{box-shadow:none;}

/* --------------------------------------------------------------------------
   1.7 CHECKBOX / RADIO
   -------------------------------------------------------------------------- */

.checkbox label,.radio label{padding-left:25px;}

input[type=radio]{margin:3.5px 0 15px;}

input[type=checkbox]{
  margin:0;
  height:18px;
  width:18px;
}

.checkbox input[type=checkbox]{
  margin-top:1px;
  margin-left:-25px;
}

/* Utility classes */
.sv-agree__row{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top: 15px;
}

.sv-agree__cb{
  margin:0;
  width:18px;
  height:18px;
  flex-shrink:0;
}

.sv-agree__text{
  margin:0;
  line-height:1.4;
}

.sv-agree__actions{margin-top:15px;}


/* --------------------------------------------------------------------------
   1.8 FORM CONTROLS
   -------------------------------------------------------------------------- */

.well{
  margin:auto;
  padding: 0;
  border:none;
  background:none;
  border-radius:0!important;
  box-shadow:none;
  -webkit-box-shadow:none;
}

.form-control{
  color:var(--sv-t-700);
  border:none;
  border-top:0 solid var(--sv-bdr);
  border-bottom:1px solid var(--sv-bdr);
  border-radius:0!important;
  background-color: rgba(90, 90, 90, 0.01);
  box-shadow:none;
  height:auto;
  font-size:16px;
  padding:10px 15px;
}
.form-control:focus{
  box-shadow:none;
  border-bottom:1px solid var(--sv-bdr-werystrong);
}


/* --------------------------------------------------------------------------
   1.9 ACCOUNT / RETURN SMALL FIXES
   -------------------------------------------------------------------------- */

#account-return .col-sm-12{padding:0;}
#account-return .input-group{width:100%;}
#account-return .input-group .btn{
  background-color: var(--sv-btn);
}


/* ==========================================================================
   2. PAGE-SPECIFIC BASE STYLES
   ========================================================================== */

#checkout-checkout .panel-title a{text-decoration:none;}
#collapse-payment-address .form-group{margin:10px 0 0 0;}
#collapse-shipping-address .form-group{margin:0;}

#common-success .buttons{margin-top:50px;}

#content{
  min-height:600px;
  padding-bottom:20px;
}

.form-horizontal, .sv-auth-full{
  padding:1% 15%;
}

#common-home .sv-home-strip{
  margin-right: -15px !important;
  margin-left: -15px !important;
}
/* ==========================================================================
   3. Z-INDEX LAYERS
   ========================================================================== */

body.savini .sv-header{z-index:1200;}
body.savini .sv-nav{z-index:1100;}
body.savini #menu .dropdown-menu{z-index:1400;}
body.savini #cart.open::before{z-index:1998;}
body.savini #cart .dropdown-menu{z-index:1999;}


/* ==========================================================================
   4. HEADER
   ========================================================================== */

body.savini .sv-header{
  background:var(--sv-bg);
  border-bottom:1px solid var(--sv-bdr);
  position:sticky;
  top:0;
  z-index:1600;
  box-shadow:none;
  transition:box-shadow .18s ease;
}

body.savini.is-scrolled .sv-header{
  box-shadow:0 0 10px rgba(0,0,0,.1);
}

body.savini .sv-header .container{padding:0 12px;}

body.savini .sv-header__row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:5px 0;
  position:relative;
  overflow:visible;
}

body.savini .sv-header__left,
body.savini .sv-header__right{
  display:flex;
  align-items:center;
  min-width:120px;
}

body.savini .sv-header__right{justify-content:flex-end;}

body.savini .sv-header__center{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
}

body.savini .sv-header__left{gap:0;}

body.savini #logo.sv-logo{margin:0;}

body.savini #logo.sv-logo,
body.savini .sv-logo{
  margin:0;
  line-height:0;
}

body.savini #logo.sv-logo a,
body.savini .sv-logo a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  max-width:100%;
}

body.savini #logo.sv-logo img,
body.savini .sv-logo img{
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  max-height:40px;
}

body.savini .sv-header--desktop,
body.savini .sv-nav--desktop{display:block;}

body.savini .sv-header--mobile{display:none;}

body.savini .sv-header--mobile .sv-header__left{
  min-width:0;
  flex:1 1 auto;
}

body.savini .sv-header--mobile .sv-header__center{
  display:none;
}

body.savini .sv-header--mobile .sv-header__right{
  min-width:auto;
  flex:0 0 auto;
  justify-content:flex-end;
  gap:0;
}


/* ==========================================================================
   5. HEADER ICONS / MENU BUTTON
   ========================================================================== */

body.savini .sv-icon,
body.savini .sv-menubtn{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  background:transparent;
  border:0;
  padding:0;
  color:var(--sv-t-900);
  cursor:pointer;
  text-decoration:none;
}

body.savini .sv-icon:hover{opacity:.7;}

body.savini .sv-icon svg{
  width:28px;
  height:28px;
  display:block;
  overflow:visible;
}

body.savini .sv-icon svg *{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:var(--sv-ico-stroke,1.1)!important;
  stroke-linecap:round;
  stroke-linejoin:round;
}

body.savini .sv-menubtn{display:none;}
body.savini .sv-menubtn:hover{opacity:.5;}

body.savini .sv-menubtn svg{
  width:26px;
  height:26px;
  display:block;
}

/* BLOG ICON / BLOG DROPDOWN */

body.savini .sv-icon-blog{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  position:relative;
}

body.savini .sv-blog-menu{
  height:46px;
  display:flex;
  align-items:center;
}

body.savini .sv-blog-menu__toggle{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  background:transparent;
  border:0;
  padding:0;
  margin:0;
  color:var(--sv-t-700);
  cursor:pointer;
  box-shadow:none;
}

body.savini .sv-blog-menu__toggle:focus,
body.savini .sv-blog-menu__toggle:active,
body.savini .sv-blog-menu__toggle:hover{
  background:transparent!important;
  box-shadow:none!important;
  outline:none;
}

body.savini .sv-blog-menu__toggle:hover .sv-blog-menu__icon{
  opacity:.7;
}

body.savini .sv-blog-menu__icon{
  width:28px;
  height:28px;
  display:block;
}

body.savini .sv-blog-menu__icon *{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:var(--sv-ico-stroke,1.1)!important;
  stroke-linecap:round;
  stroke-linejoin:round;
}

body.savini .sv-blog-menu .dropdown-menu{
  margin-top:3px;
  border:1px solid var(--sv-bdr);
  background:var(--sv-bg);
  box-shadow:var(--sv-shadow-pop);
}

body.savini .sv-blog-menu .dropdown-menu::before{
  content:"";
  position:absolute;
  top:var(--sv-notch-top);
  left:var(--sv-notch-offset);
  width:var(--sv-notch-size);
  height:var(--sv-notch-size);
  background:var(--sv-bg);
  border-left:1px solid var(--sv-bdr);
  border-top:1px solid var(--sv-bdr);
  transform:rotate(45deg);
  pointer-events:none;
}

body.savini .sv-blog-menu .dropdown-menu li a{
  padding: 8px 16px;
}

body.savini .sv-blog-menu .dropdown-menu li:last-child{
    border-top: 1px solid rgba(0, 0, 0, .10) !important;
}


/* ==========================================================================
   6. POPOVER SYSTEM
   ========================================================================== */

body.savini .sv-lccombo__panel,
body.savini .sv-searchpop__panel,
body.savini #menu .dropdown-menu{
  background:var(--sv-bg)!important;
  border-color:var(--sv-bdr)!important;
  box-shadow:var(--sv-shadow-pop)!important;
}

body.savini .sv-lccombo__panel::before,
body.savini .sv-searchpop__panel::before,
body.savini #menu .dropdown-menu::before{
  content:"";
  position:absolute;
  top:var(--sv-notch-top);
  width:var(--sv-notch-size);
  height:var(--sv-notch-size);
  background:var(--sv-bg);
  border-left:1px solid var(--sv-bdr);
  border-top:1px solid var(--sv-bdr);
  transform:rotate(45deg);
  pointer-events:none;
}

body.savini .sv-lccombo__panel::before{left:var(--sv-notch-offset);}
body.savini .sv-searchpop__panel::before{right:12px;}

body.savini #menu .dropdown-menu::before{
  left:var(--sv-notch-x,var(--sv-notch-offset));
}

body.savini #menu .dropdown.open .dropdown-menu[style*="right: 0"]::before,
body.savini #menu .dropdown.open .dropdown-menu[style*="right:0"]::before{
  left:auto;
  right:var(--sv-notch-offset);
}


/* ==========================================================================
   7. LANGUAGE / CURRENCY COMBO
   ========================================================================== */

body.savini .sv-lccombo{
  position:relative;
  display:inline-flex;
  align-items:center;
  height:46px;
  margin:0 10px;
}

body.savini .sv-lccombo__btn{
  display:inline-flex;
  align-items:center;
  gap:3px;
  padding:5px 7px;
  border:2px solid rgba(0,0,0,.55);
  border-radius:20px;
  color:var(--sv-t-700);
  background:none;
  line-height:1;
}

body.savini .sv-lccombo__btn:hover{border-color:rgba(0,0,0,.4);}

body.savini .sv-lccombo__text{
  font-size:13px;
  font-weight:600;
  letter-spacing:.2px;
}

body.savini .sv-lccombo__panel{
  position:absolute;
  top:100%;
  margin-top:3px;
  left:0;
  width:320px;
  display:none;
  z-index:1500;
  border:1px solid var(--sv-bdr)!important;
  padding:10px 0;
  overflow:visible;
}

body.savini .sv-lccombo__scroll{
  max-height:400px;
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:rgba(0,0,0,.35) transparent;
}

body.savini .sv-lccombo__scroll::-webkit-scrollbar{width:6px;}
body.savini .sv-lccombo__scroll::-webkit-scrollbar-track{background:transparent;}
body.savini .sv-lccombo__scroll::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.35);}
body.savini .sv-lccombo__scroll::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.55);}

body.savini .sv-lccombo.is-open .sv-lccombo__panel{display:block;}

body.savini .sv-lccombo__panel ul{
  list-style:none;
  margin:0;
  padding:0;
}

body.savini .sv-lccombo__panel li{
  margin:0;
  padding:0;
}

body.savini .sv-lccombo__panel a,
body.savini .sv-lccombo__panel button{
  display:flex;
  align-items:center;
  width:100%;
  gap:8px;
  padding:6px 14px;
  font-size:13px;
  line-height:18px;
  background:transparent;
  border:0;
  color:var(--sv-t-900);
  text-align:left;
  box-shadow:none;
  border-radius:0;
}

body.savini .sv-lccombo__panel a:hover,
body.savini .sv-lccombo__panel button:hover{
  background:var(--sv-bg-1);
  color:var(--sv-t-900);
}

body.savini .sv-lccombo__panel img{
  width:18px;
  height:auto;
  display:block;
}

body.savini .sv-lccombo__flagimg{
  width:18px;
  height:12px;
  display:block;
  object-fit:contain;
  flex:0 0 18px;
}

body.savini .sv-lccombo__section+.sv-lccombo__section{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid rgba(0,0,0,.10);
}

body.savini .sv-lccombo__panel #form-language,
body.savini .sv-lccombo__panel #form-currency{
  margin:0!important;
}

body.savini .sv-lccombo__panel #form-language .btn-group,
body.savini .sv-lccombo__panel #form-currency .btn-group,
body.savini .sv-lccombo__panel #form-language .dropdown,
body.savini .sv-lccombo__panel #form-currency .dropdown{
  float:none!important;
  position:static!important;
}


/* ==========================================================================
   8. SEARCH POPOVER
   ========================================================================== */

body.savini .sv-searchpop{
  position:relative;
  display:inline-flex;
  align-items:center;
}

body.savini .sv-searchpop__panel{
  position:absolute;
  top:90%;
  right:0;
  margin-top:8px;
  width:360px;
  max-width:calc(100vw - 24px);
  padding:10px;
  display:none;
  z-index:1500;
  border:1px solid var(--sv-bdr)!important;
}

body.savini .sv-searchpop.is-open .sv-searchpop__panel{display:block;}

body.savini .sv-searchpop__panel #search{
  margin:0;
  width:100%;
}

body.savini .sv-searchpop__panel #search .input-group{
  position:relative;
  width:100%;
}

body.savini .sv-searchpop__panel #search input.input-lg,
body.savini .sv-searchpop__panel #search input[type="search"]{
  width:100%!important;
  height:42px!important;
  font-size:16px!important;
  border:1px solid var(--sv-bdr)!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding-right:46px!important;
}

body.savini .sv-searchpop__panel #search .btn,
body.savini .sv-searchpop__panel #search .btn-lg{
  position:absolute!important;
  right:6px;
  top:0;
  height:42px!important;
  min-width:42px;
  padding:0 12px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.savini .sv-searchpop__panel #search svg{
  margin-top: 6px;
}


/* ==========================================================================
   9. ACCOUNT POPOVER
   ========================================================================== */

body.savini .sv-accpop{
  position:relative;
  display:inline-flex;
  align-items:center;
}

body.savini .sv-accpop__menu{
  min-width:200px;
  padding:10px 0;
  margin-top:3px;
  border:1px solid var(--sv-bdr);
  border-radius:0;
  background:var(--sv-bg) !important;
  box-shadow:var(--sv-shadow-pop);
  opacity:1 !important;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

body.savini .sv-accpop__menu>li{
  background:var(--sv-bg);
  opacity:1;
}

body.savini .sv-accpop__menu>li>a{
  display:block;
  padding:8px 16px;
  font-size:15px;
  color:var(--sv-t-900);
  text-decoration:none;
  background:var(--sv-bg);
  opacity:1;
}

body.savini .sv-accpop__menu>li>a:hover{
  background:var(--sv-bg-1);
  color:var(--sv-t-900);
}

body.savini .sv-accpop__menu::before{
  content:"";
  position:absolute;
  top:var(--sv-notch-top);
  right:16px;
  width:var(--sv-notch-size);
  height:var(--sv-notch-size);
  background:var(--sv-bg);
  border-left:1px solid var(--sv-bdr);
  border-top:1px solid var(--sv-bdr);
  transform:rotate(45deg);
  pointer-events:none;
}

body.savini .sv-drawer .sv-accpop__menu{
  background:var(--sv-bg) !important;
  opacity:1 !important;
}

body.savini .sv-drawer .sv-accpop__menu>li,
body.savini .sv-drawer .sv-accpop__menu>li>a{
  background:var(--sv-bg) !important;
  opacity:1 !important;
}
/* ==========================================================================
   11. CART WRAPPER / CART ICON / MINI CART
   ========================================================================== */

body.savini .sv-cartwrap{
  position:relative;
  display:inline-block;
  width:46px;
  height:46px;
  vertical-align:middle;
  --sv-ico-stroke:1.2;
  color:var(--sv-t-700);
}

body.savini .sv-cartwrap .sv-cartui{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  pointer-events:none;
}

body.savini .sv-cartwrap:hover .sv-cartui{opacity:.7;}

body.savini .sv-cartwrap .sv-cartui svg{
  width:26px;
  height:26px;
  display:block;
  overflow:visible;
}

body.savini .sv-cartwrap .sv-cartui svg *{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:var(--sv-ico-stroke,1.1)!important;
  stroke-linecap:round;
  stroke-linejoin:round;
}

body.savini .sv-cartwrap .sv-cartbadge{
  position:absolute;
  top:0;
  right:0;
  width:17px;
  height:17px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:10px;
  line-height:1;
  padding:0;
  background:var(--sv-t-900);
  color:var(--sv-white);
  opacity:0;
  transform:scale(.9);
  transition:opacity .15s ease,transform .15s ease;
  pointer-events:none;
}

body.savini .sv-cartwrap .sv-cartbadge.is-on{
  opacity:1;
  transform:scale(1);
}

body.savini .sv-cartwrap #cart{
  position:absolute;
  inset:0;
  margin:0;
  z-index:5;
}

body.savini .sv-cartwrap #cart>button{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:0;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0!important;
  border-radius:999px;
}

body.savini .sv-cartwrap #cart>button i,
body.savini .sv-cartwrap #cart>button .caret,
body.savini .sv-cartwrap #cart>button #cart-total,
body.savini .sv-cartwrap #cart>button span{
  display:none!important;
}

body.savini .sv-cartwrap #cart-total{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

body.savini .sv-cartwrap #cart .dropdown-menu{
  position:absolute;
  top:100%;
  right:0;
  left:auto;
  margin:0;
  margin-top:3px;
  min-width:320px;
  max-width:calc(100vw - 24px);
  border:1px solid var(--sv-bdr);
  background:var(--sv-bg);
  box-shadow:var(--sv-shadow-pop);
  border-radius:0;
  padding:10px;
  z-index:1999;
}

body.savini .sv-cartwrap #cart .dropdown-menu:hover{opacity:1;}

body.savini .sv-cartwrap #cart .dropdown-menu::before{
  content:"";
  position:absolute;
  top:var(--sv-notch-top);
  right:var(--sv-notch-offset);
  width:var(--sv-notch-size);
  height:var(--sv-notch-size);
  background:var(--sv-bg);
  border-left:1px solid var(--sv-bdr);
  border-top:1px solid var(--sv-bdr);
  transform:rotate(45deg);
  pointer-events:none;
}

body.savini .sv-cartwrap #cart .dropdown-menu p{margin:10px;}
body.savini .sv-cartwrap #cart .dropdown-menu .table{margin-bottom:10px;}

body.savini #cart.open::before{content:none!important;}

body.savini .sv-header,
body.savini .sv-header .container,
body.savini .sv-header__row,
body.savini .sv-cartwrap{
  overflow:visible;
}


/* ==========================================================================
   12. MINI CART CONTENT
   ========================================================================== */

body.savini .sv-cartwrap #cart .dropdown-menu.sv-mc{
  padding:0!important;
  min-width:420px;
  width:420px;
}

body.savini .sv-cartwrap #cart .dropdown-menu.sv-mc>.sv-mc__items{
  margin:15px!important;
  max-height:400px;
  overflow:hidden;
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:rgba(0,0,0,.35) transparent;
}

body.savini .sv-cartwrap #cart .dropdown-menu.sv-mc>.sv-mc__items::-webkit-scrollbar{width:6px;}
body.savini .sv-cartwrap #cart .dropdown-menu.sv-mc>.sv-mc__items::-webkit-scrollbar-track{background:transparent;}
body.savini .sv-cartwrap #cart .dropdown-menu.sv-mc>.sv-mc__items::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.35);}
body.savini .sv-cartwrap #cart .dropdown-menu.sv-mc>.sv-mc__items::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.55);}

body.savini .sv-mc__items{
  padding:0!important;
  margin:0!important;
}

body.savini .sv-mc__item{
  position:relative;
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-start;
  gap:15px;
  margin-bottom:10px;
  background:#f9f9f9;
}

body.savini .sv-mc__img{
  flex:0 0 30%!important;
  max-width:30%!important;
}

body.savini .sv-mc__imglink{display:block;}

body.savini .sv-mc__img img{
  width:100%!important;
  height:auto!important;
  display:block;
  object-fit:contain;
  background:var(--sv-bg-1);
}

body.savini .sv-mc__info{
  flex:0 0 70%!important;
  max-width:70%!important;
  min-width:0;
  display:flex;
  flex-direction:column;
  padding:10px 0;
}

body.savini .sv-mc__title{
  display:block;
  width:80%;
  font-size:16px;
  color:var(--sv-t-900);
  text-decoration:none;
  margin-bottom:10px;
}

body.savini .sv-mc__title:hover{opacity:.75;}
body.savini .sv-mc__title--plain{font-weight:700;}

body.savini .sv-mc__meta{
  font-size:12px;
  line-height:1.35;
  color:var(--sv-t-900);
}

body.savini .sv-mc__k{font-weight:600;color:var(--sv-t-900);}
body.savini .sv-mc__v{font-weight:400;color:var(--sv-t-900);}

body.savini .sv-mc__price{
  margin-top:10px;
  font-size:16px;
  line-height:1.1;
  color:var(--sv-t-900);
  white-space:nowrap;
}

body.savini .sv-mc__remove{
  position:absolute;
  top:4px;
  right:4px;
  width:30px;
  height:30px;
  border:0;
  background:transparent;
  padding:0;
  cursor:pointer;
  color:var(--sv-t-900);
  display:grid;
  place-items:center;
}

body.savini .sv-mc__remove svg{
  width:18px;
  height:18px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
}

body.savini .sv-mc__remove:hover{opacity:.65;}

body.savini .sv-mc__footer{
  padding:0 15px 15px;
  background:var(--sv-bg);
}

body.savini .sv-mc__totals{
  display:grid;
  gap:10px;
  margin-bottom:14px;
}

body.savini .sv-mc__total{
  display:flex;
  justify-content:space-between;
  gap:12px;
  font-size:14px;
  line-height:1.2;
  color:var(--sv-t-900);
}

body.savini .sv-mc__totalT{font-weight:500;}
body.savini .sv-mc__totalV{font-weight:700;white-space:nowrap;}

body.savini #cart .dropdown-menu.sv-mc .sv-mc__actions{
  display:flex;
  flex-direction:column;
  gap:12px;
}

body.savini #cart .dropdown-menu.sv-mc .sv-mc__btn{
  display:block;
  width:100%;
  padding:10px;
  border-radius:0;
  font-weight:600;
  font-size:16px;
  text-transform:uppercase;
  text-align:center;
  text-decoration:none;
  border:1px solid var(--sv-t-900);
}

body.savini #cart .dropdown-menu.sv-mc .sv-mc__btn:first-child{
  background:var(--sv-bg);
  color:var(--sv-t-900);
  opacity: .8;
}

body.savini #cart .dropdown-menu.sv-mc .sv-mc__btn:first-child:hover{
}

body.savini #cart .dropdown-menu.sv-mc .sv-mc__btn:last-child{
  background:var(--sv-btn-bg);
  color:var(--sv-white);
}

body.savini #cart .dropdown-menu.sv-mc .sv-mc__btn:last-child:hover{
  background:var(--sv-btn-hv);
}

body.savini #cart .dropdown-menu.sv-mc .sv-mc__btn:hover,
body.savini #cart .dropdown-menu.sv-mc .sv-mc__btn:focus{
  text-decoration:none;
  opacity: 1;
}


/* ==========================================================================
   13. DRAWER MENU (mobile/tablet)
   ========================================================================== */

body.savini .sv-drawer{
  position:fixed;
  inset:0;
  z-index:3000;
  pointer-events:none;
}

body.savini .sv-drawer.is-open{pointer-events:auto;}

body.savini .sv-drawer__overlay{
  position:absolute;
  inset:0;
  background:var(--sv-overlay);
  opacity:0;
  transition:opacity .25s ease;
}

body.savini .sv-drawer.is-open .sv-drawer__overlay{opacity:.5;}

body.savini .sv-drawer__panel{
  position:absolute;
  top:0;
  right:0;
  left:auto;
  width:90%;
  max-width:480px;
  height:100vh;
  height:100dvh;
  height:-webkit-fill-available;
  background:var(--sv-bg);
  transform:translateX(100%);
  transition:transform .28s ease;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}

body.savini .sv-drawer.is-open .sv-drawer__panel{transform:translateX(0);}

/* Drawer header */
body.savini .sv-drawer__head{
  position:sticky;
  top:0;
  z-index:2;
  min-height:56px;
  background:var(--sv-bg);
  border-bottom:1px solid rgba(0,0,0,.10);
  display:flex;
  align-items:center;
  gap:8px;
  padding-left:10px;
  padding-right:56px;
}

body.savini .sv-drawer__tools{
  display:flex;
  align-items:center;
}

body.savini .sv-drawer__tools .sv-icon,
body.savini .sv-drawer__tools .sv-menubtn{
  width:44px;
  height:44px;
}

body.savini .sv-drawer__tools .sv-icon svg{
  width:26px;
  height:26px;
}

/* Drawer close */
body.savini .sv-drawer__close{
  position:absolute;
  top:50%;
  right:var(--sv-notch-offset);
  transform:translateY(-50%);
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  font-size:26px;
  line-height:1;
  color:var(--sv-t-900);
  background:transparent;
  border:0;
  cursor:pointer;
}

body.savini .sv-drawer__close:hover{opacity:.7;}

/* Drawer body */
body.savini .sv-drawer__body{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
  padding:8px 0 calc(8px + env(safe-area-inset-bottom));
  scrollbar-width:thin;
  scrollbar-color:rgba(0,0,0,.35) transparent;
}

body.savini .sv-drawer__body::-webkit-scrollbar{width:6px;}
body.savini .sv-drawer__body::-webkit-scrollbar-track{background:transparent;}
body.savini .sv-drawer__body::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.35);border-radius:6px;}
body.savini .sv-drawer__body::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.55);}

body.savini .sv-drawer__panel .container{
  width:100%!important;
  max-width:100%!important;
  padding-left:16px;
  padding-right:16px;
}

/* Bootstrap overrides only inside drawer */
body.savini .sv-drawer #menu.navbar{
  margin:0!important;
  border:0!important;
  min-height:0!important;
  background:transparent!important;
}

body.savini .sv-drawer #menu .container{
  width:auto!important;
  max-width:100%!important;
  padding:0!important;
  margin:0!important;
}

body.savini .sv-drawer #menu .navbar-header,
body.savini .sv-drawer #menu .navbar-toggle{
  display:none!important;
}

body.savini .sv-drawer #menu .navbar-collapse{
  display:block!important;
  height:auto!important;
  overflow:visible!important;
  border:0!important;
  padding:0!important;
  margin-bottom:60px;
}

/* Drawer accordion menu */
body.savini .sv-drawer__panel #menu{
  display:block!important;
  background:var(--sv-bg)!important;
  border:0!important;
  margin:0!important;
}

body.savini .sv-drawer__panel #menu .nav{
  display:block!important;
  float:none!important;
  margin:0!important;
  padding:0!important;
}

body.savini .sv-drawer__panel #menu .nav>li{
  float:none!important;
  list-style:none;
  margin:0;
}

body.savini .sv-drawer__panel #menu .nav>li.dropdown{
  position:relative;
}

body.savini .sv-drawer__panel #menu .nav>li>a{
  display:flex!important;
  align-items:center;
  padding:14px 16px!important;
  color:var(--sv-t-900)!important;
  text-shadow:none!important;
  background:none!important;
  font-size:16px!important;
  letter-spacing:.2px;
  opacity:.7;
}

body.savini .sv-drawer__panel #menu .nav>li.dropdown>a{
  padding-right:56px!important;
}

body.savini .sv-drawer__panel #menu .nav>li.dropdown>a::after{
  content:none!important;
}

body.savini .sv-drawer__panel #menu .nav>li.dropdown > a > .sv-drawer-subtoggle{
  position:absolute;
  top:-2px;
  right:16px;
  width:40px;
  height:52px;
  border:0;
  padding:0;
  margin:0;
  background:transparent;
  color:var(--sv-t-900);
  font-size:28px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}

body.savini .sv-drawer__panel #menu .nav>li.dropdown > a > .sv-drawer-subtoggle:focus{
  outline:none;
  box-shadow:none;
}

body.savini .sv-drawer__panel #menu .dropdown-menu{
  display:block!important;
  position:static!important;
  float:none!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
  max-height:0;
  overflow:hidden;
  transition:max-height .25s ease;
}

body.savini .sv-drawer__panel #menu .nav>li.dropdown.is-open>.dropdown-menu{
  max-height:none;
}

body.savini .sv-drawer__panel #menu .dropdown-inner{display:block!important;}

body.savini .sv-drawer__panel #menu .dropdown-inner ul{
  display:block!important;
  margin:0!important;
  padding:0!important;
}

body.savini .sv-drawer__panel #menu .dropdown-inner li a{
  display:block!important;
  padding:10px 16px 10px 28px!important;
  color:var(--sv-t-900)!important;
  background:transparent!important;
  border:0!important;
  font-size:15px!important;
  text-decoration:none!important;
  opacity:.7;
}

body.savini .sv-drawer__panel #menu .dropdown-inner li a:hover{
  background:none!important;
  text-decoration:underline;
  color:var(--sv-t-900)!important;
  opacity:1;
}

body.savini .sv-drawer__panel #menu .dropdown-menu::before{content:none!important;}


/* ==========================================================================
   14. ACCORDION / CART EXTRAS / CHECKOUT ACCORDION
   ========================================================================== */

#accordion .panel{
  background:var(--sv-bg-3);
  border-bottom:1px solid var(--sv-bdr);
}

#accordion .panel-heading{
  padding:0;
  background:var(--sv-bg-3);
}

#accordion .panel-title>a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:16px;
  line-height:1.35;
  color:var(--sv-t-900);
  text-decoration:none;
  position:relative;
}

#accordion .panel-title>a:hover{
  opacity:.8;
}

#accordion .panel-title>a:after{
  content:"+";
  font-size:22px;
  line-height:1;
  font-weight:300;
  transition:transform .25s ease;
}

#accordion .panel-heading.active a:after,
#accordion .panel-title>a[aria-expanded="true"]:after{
  content:"–";
}

#accordion .panel-body{
  padding: 20px;
  background:var(--sv-bg-3);
}

#accordion .control-label{
  display:block;
  width:100% !important;
  float:none!important;
  margin:0 0 10px;
  padding:0;
  font-size:14px;
  color:var(--sv-t-700);
}

#accordion .input-group{
  display:block;
  width:100%;
}

#accordion .input-group .form-control{
  width:100%;
  margin-bottom:15px;
}

#accordion .input-group-btn{
  display:block;
  width:100%;
}

#accordion .input-group-btn .btn{
  height:42px;
  width:100%;
  margin:0;
}

#accordion .col-sm-2,
#accordion .col-sm-10{
  float:none;
  width:100%;
  max-width:none;
  padding:0;
}


/* ==========================================================================
   15. CHECKOUT CONFIRM BLOCK
   ========================================================================== */

.sv-confirm{margin-top:10px;}

.sv-confirm__items{
  display:grid;
  gap:12px;
}
.sv-confirm__item{
  padding:12px 12px 10px;
  background:#fff;
}

.sv-confirm__head{margin-bottom:10px;}

.sv-confirm__name a,
.sv-confirm__name{
  color:inherit;
  text-decoration:none;
  font-weight:600;
  font-size:15px;
  line-height:1.25;
}

.sv-confirm__model{
  margin-top:6px;
  font-size:12px;
  opacity:.95;
}

.sv-confirm__label{
  font-size:12px;
  opacity:.85;
}

.sv-confirm__rec{
    padding: 10px;
    border-top: 1px solid rgba(0, 0, 0, .08);
}
.sv-confirm__rec span,
.sv-confirm__rec small{
    font-size:100%;
    padding:5px 10px;
}
.sv-confirm__rec small{
    line-height: 2;
}
.sv-confirm__rec .label{
    background: var(--sv-bg-2);
    border-radius: 0px;
    padding: 5px 10px;
}

.sv-confirm__value{font-weight:600;}

.sv-confirm__opts{
  margin:8px 0 10px;
  padding-top:8px;
  border-top:1px solid rgba(0,0,0,.08);
  display:grid;
  gap:6px;
}

.sv-confirm__optname{
  font-size:12px;
  opacity:.65;
  margin-right:6px;
}

.sv-confirm__optval{
  font-size:12px;
  opacity:.9;
}

.sv-confirm__row{
  padding-top:10px;
  border-top:1px solid rgba(0,0,0,.08);
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:10px;
  align-items:end;
}

.sv-confirm__cell{min-width:0;}
.sv-confirm__cell--total{text-align:right;}

.sv-confirm__totals{
  margin-top:12px;
  margin-bottom:24px;
  background:#fff;
  padding:10px 12px;
}

.sv-confirm__total{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:6px 0;
  border-top:1px solid rgba(0,0,0,.08);
}

.sv-confirm__total:first-child{border-top:0;}

.sv-confirm__total-title{
  font-size:13px;
  opacity:.8;
}

.sv-confirm__total-val{
  font-size:13px;
  font-weight:600;
  white-space:nowrap;
}


/* ==========================================================================
   16. ALERTS
   ========================================================================== */

body.savini #sv-alert-dock{
  position:fixed;
  top:70px;
  left:50%;
  transform:translateX(-50%);
  font-size:16px;
  z-index:9999;
  width:auto;
  max-width:920px;
  pointer-events:none;
}

body.savini #sv-alert-dock .alert{
  pointer-events:auto;
  margin:0 0 10px 0;
  border-radius:2px;
  box-shadow:var(--sv-shadow);
  padding-right:36px;
  position:relative;
}

body.savini #sv-alert-dock .alert.alert-dismissable .close,
body.savini #sv-alert-dock .alert.alert-dismissible .close{
  position:absolute;
  top:50%;
  right:12px;
  transform:translateY(-50%);
  line-height:1;
  color:var(--sv-t-900);
  opacity:.8;
}

body.savini .alert{
  color:rgba(0,0,0,.65)!important;
  background-color:var(--sv-bg-1)!important;
  border:1px solid rgba(0,0,0,.15)!important;
  border-radius:2px!important;
  box-shadow:var(--sv-shadow)!important;
  font-size:16px!important;
  line-height:1.35!important;
  padding-right:36px!important;
  position:relative!important;
  text-shadow:none!important;
}

body.savini .alert a{color:var(--sv-t-900)!important;}

body.savini .alert.alert-dismissable .close,
body.savini .alert.alert-dismissible .close{
  position:absolute!important;
  top:50%!important;
  right:12px!important;
  transform:translateY(-50%)!important;
  line-height:1!important;
  color:var(--sv-t-900)!important;
  opacity:.8!important;
  text-shadow:none!important;
}

body.savini .alert i,
body.savini .alert .fa{color:inherit!important;}


/* ==========================================================================
   17. SAVINI BREADCRUMB OVERRIDE
   ========================================================================== */

body.savini .breadcrumb{
  border:0!important;
  background:transparent!important;
  padding:10px 0!important;
  margin:0!important;
}

body.savini .breadcrumb>li{
  padding:0!important;
  text-shadow:none!important;
  white-space:normal!important;
  color:var(--sv-t-500);
  font-size:14px;
}

body.savini .breadcrumb>li+li:before{
  content:"/"!important;
  padding:0 10px!important;
  color:rgba(0,0,0,.35)!important;
}

body.savini .breadcrumb>li:after{content:none!important;}

body.savini .breadcrumb a{
  color:var(--sv-t-900)!important;
  text-decoration:none!important;
  border-bottom:1px solid rgba(0,0,0,.20);
}

body.savini .breadcrumb a:hover{
  border-bottom-color:rgba(0,0,0,.45);
  opacity:.9;
}


/* ==========================================================================
   18. CATEGORY / PRODUCT CARDS
   ========================================================================== */

.sv-products-row{
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  margin-left:-15px!important;
  margin-right:-15px!important;
  margin-bottom:20px;
}

.sv-products-row>.product-layout{
  padding-left:0!important;
  padding-right:0!important;
  display:flex;
  margin-bottom:25px!important;
  padding:0 1px!important;
}
.sv-product-tags {
  margin-top: 20px;
}
.product-thumb{
  display:flex;
  flex-direction:column;
  width:100%;
  height:100%;
}

.product-thumb .image{
  position:relative;
  overflow:hidden;
  background:var(--sv-bg);
}

.product-thumb .image a{display:block;}

.product-thumb .image img{
  display:block;
  width:100%!important;
  height:auto!important;
}

.product-thumb .image::before{pointer-events:none;}

.product-thumb>div{
  display:flex;
  flex-direction:column;
  min-height:0;
}

.product-thumb .caption{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  min-height:0;
}

.product-thumb .sv-card-actions{
  position:absolute;
  top:5px;
  right:5px;
  display:flex;
  flex-direction:column;
  gap:5px;
  z-index:3;
  pointer-events:auto;
}

.product-thumb .sv-card-action{
  width:34px;
  height:34px;
  border:0;
  border-radius:0;
  padding:0;
  background:none;
  color:rgba(0,0,0,.75);
  opacity:.5;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:opacity .2s ease,transform .2s ease;
}

.product-thumb .sv-card-action:hover{opacity:.9;}

.sv-card-cart{display:none!important;}

.sv-btn-cart-plus{
  flex:0 0 auto;
  width:34px;
  height:34px;
  border:0;
  background:transparent;
  color:var(--sv-t-900);
  font-size:28px;
  line-height:1;
  font-weight:300;
  padding:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  opacity:.85;
  transition:opacity .2s ease,transform .2s ease;
}

.sv-btn-cart-plus:hover{
  opacity:.8;
  transform:scale(1.1);
}

.sv-card-cart-float{
  position:absolute;
  right:5px;
  bottom:5px;
  z-index:3;
  width:42px;
  height:42px;
  border:0;
  background:none;
  padding:0;
  color:rgba(0,0,0);
  opacity:.5;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:opacity .2s ease,transform .2s ease;
}

.sv-card-cart-float:hover{opacity:.9;}

.sv-card-cart-float svg{
  width:42px;
  height:42px;
}

.icon-scales{
  stroke-width:1.4;
  width:28px;
  height:28px;
}

.product-thumb .caption h4{
  margin-top:10px;
  height:calc(1em * 2)!important;
}

.product-thumb .caption h4 a{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  line-height:1.25;
  max-height:calc(1.25em * 2);
}

.product-thumb .caption h4 a:hover{color:var(--sv-t-900);}

/* PRODUCT PAGE PRICE */
#product-product .breadcrumb{
    display: none;
}
#product-product .sv-price-line {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
#product-product .input-group-btn>.btn{
  background: var(--sv-bg-3);
}
#product-product h1 {
  font-size: 26px;
}
#product-product h3 {
  font-size: 14px;
  font-weight: 600;
}
#product-product .form-control{
  background: var(--sv-bg-3);
}
/* нова ціна */
#product-product .sv-price-current {
  font-size: 28px;
  font-weight: 500;
  color: var(--sv-t-900);
}

/* стара ціна */
#product-product .sv-price-old {
  font-size: 20px;
  color: var(--sv-t-400);
  text-decoration: line-through;
}
#product-product .price-old {
  text-decoration: line-through;
}
#product-product .sv-product-top li {
  font-size: 14px;
}
#product-product .sv-price-tax, #product-product .sv-price-points {
  font-size: 16px;
}
.product-thumb .sv-btn-cart-full{
  width:100%;
  padding:10px!important;
  border:1px solid var(--sv-btn-bg);
  border-radius:0;
  background:var(--sv-btn-bg);
  color:var(--sv-white);
  text-transform:uppercase;
  font-weight:800;
  letter-spacing:.04em;
  transition:background .2s ease,color .2s ease,opacity .2s ease;
}

.product-thumb .sv-btn-cart-full:hover{
  background:var(--sv-bg);
  color:var(--sv-t-900);
}

.product-layout.product-grid .product-thumb{height:100%;}


.product-layout.product-grid .product-thumb .caption{
  flex:1 1 auto!important;
  min-height:0;
  gap:6px;
  padding-left:8px;
}

.product-layout.product-grid .product-thumb .caption>p:not(.price){
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  line-height:1.35!important;
  height:calc(1.35em * 2)!important;
  margin:4px 0 0!important;
}

.product-layout.product-grid .product-thumb .caption .price-base, .price-new{
  padding-right: 10px;
} 
.product-layout.product-grid .product-thumb .caption .price-old{
  text-decoration: line-through;
}

.product-layout.product-grid .product-thumb .caption .price-tax{
  display: block;
  width: 100%;
}

.product-layout.product-grid .product-thumb .button-group,
.product-layout.product-grid .product-thumb .sv-card-cart{
  margin-top:auto!important;
}

.product-layout.product-grid .product-thumb .rating{
  line-height:1;
  margin:0;
}

.product-layout.product-grid .product-thumb .rating .fa-stack{
  width:1em;
  height:1em;
  line-height:1em;
}

.product-layout.product-grid .product-thumb .caption .badge,
.product-layout.product-grid .product-thumb .caption .label,
.product-layout.product-grid .product-thumb .caption .stock,
.product-layout.product-grid .product-thumb .caption .timer,
.product-layout.product-grid .product-thumb .caption .availability{
  display:block;
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.product-layout.product-list .product-thumb{
  flex-direction:row!important;
  align-items:stretch!important;
  gap:20px!important;
}

.product-layout.product-list .product-thumb .image{
  flex:0 0 20%!important;
  max-width:20%!important;
  aspect-ratio:auto;
}

.product-layout.product-list .product-thumb .image img{
  height:auto;
  object-fit:contain;
  transform:none!important;
}

.product-layout.product-list .product-thumb>div:last-child{
  flex:1!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
}

.product-layout.product-list .product-thumb .caption,
.product-layout.product-list .product-thumb .price,
.product-layout.product-list .product-thumb .sv-card-cart{
  float:none!important;
  clear:none!important;
  position:static!important;
}

.product-layout.product-list .product-thumb .caption{flex:0 0 auto!important;}

.product-layout.product-list .product-thumb .caption>p:not(.price){
  display:block!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  margin:10px 0!important;
  white-space:normal!important;
}

.product-layout.product-list .product-thumb .sv-card-cart{
  margin-top:12px!important;
  align-self:flex-start!important;
}

.product-layout.product-list .product-thumb .sv-btn-cart-full{
  width:auto!important;
  min-width:240px!important;
  max-width:340px!important;
}

.product-thumb,
.product-thumb *{min-width:0;}

.product-layout.product-list .product-thumb .button-group,
.product-layout.product-list .product-thumb .btn-group{
  float:none!important;
  clear:both!important;
}

/* PRODUCT ATTRIBUTES TABLE */
#tab-specification .table {
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 0;
  border: none;
}

#tab-specification .table thead td {
  font-weight: 600;
  color: var(--sv-t-900);
  padding: 8px 16px;
  background: var(--sv-bg-1);
  border: none;
}

#tab-specification .table tbody tr {
  border-top: 1px solid var(--sv-bdr-weak);
}

#tab-specification .table tbody td {
  padding: 8px 16px;
  font-size: 14px;
  color: var(--sv-t-500);
  vertical-align: middle;
  border: none;
}

#tab-specification .table tbody td:first-child {
  color: var(--sv-t-900);
  font-weight: 500;
  width: 40%;
}

/* зебра */
#tab-specification .table tbody tr:nth-child(even) {
  background: var(--sv-bg-1);
}

/* hover як у преміум темах */
#tab-specification .table tbody tr:hover {
  background: rgba(0,0,0,0.02);
}

/* адаптив */
@media (max-width: 900px) {
  #tab-specification .table tbody td {
    padding: 12px;
    font-size: 13px;
  }
}
/* ==========================================================================
   19. CATEGORY SIDEBAR / SUBCATEGORY HELPERS
   ========================================================================== */

.list-group-item{
  border:none;
  color:var(--sv-t-900)!important;
  background-color:var(--sv-bg)!important;
  opacity:.7;
}

.list-group-item:hover{opacity:1;}

.list-group-item:first-child,
.list-group-item:last-child{
  border-radius:0;
}

.list-group-item.active{opacity:1;}

.sv-subcat.active{background-color:var(--sv-bg)!important;}

.list-group-item.active:hover,
.sv-subcat.active:hover,
.lsv-subcat:hover{
  text-decoration:underline;
}


/* ==========================================================================
   20. FOOTER
   ========================================================================== */

footer{
  background-color:var(--sv-btn-bg);
  padding-top:20px;
}

footer h5{
  font-size:14px;
  font-weight:600;
  margin-top:20px;
  color:var(--sv-t-200);
}

footer a{
  color:var(--sv-t-100);
  text-decoration:underline;
}

footer a:hover{
  color:var(--sv-t-700);
}


/* ==========================================================================
   21. PRODUCT PAGE ACTION BUTTONS
   ========================================================================== */

#product-product .sv-product-top{
    margin-bottom:20px;
}
#product-product .tab-content{padding-top:20px;}
#product-product .nav-tabs>li>a{border-radius:0;}
#product-product .sv-6-left{
  padding-right:0;
  padding-left:0;
}

/* new product actions layout */

#product .sv-product-actions{
  display:flex;
  flex-direction:column;
  gap:18px;
  width:100%;
}

#product .sv-product-actions-top{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
}

#product .sv-qty{
  display:flex;
  align-items:center;
  height:50px;
  border:none;
  background:var(--sv-bg);
}

#product .sv-qty-btn{
  width:46px;
  height:50px;
  border:0;
  background:transparent;
  color:var(--sv-t-900);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  cursor:pointer;
  font-size:18px;
  line-height:1;
  opacity: .6;
}

#product .sv-qty-btn:hover{
  opacity: .9;
}

#product .sv-qty-input{
  width:56px;
  height:50px;
  border:0;
  background:transparent;
  text-align:center;
  padding:0;
  color:var(--sv-t-900);
  font-size:18px;
  line-height:1;
  box-shadow:none;
  border-bottom: 1px solid var(--sv-bdr);
}

#product .sv-qty-input:focus{
  box-shadow:none;
  outline:none;
}

#product .sv-icon-btn{
  width:50px;
  height:50px;
  flex:0 0 50px;
  border:none;
  background:var(--sv-bg);
  color:var(--sv-t-900);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  cursor:pointer;
  transition:background .2s ease, opacity .2s ease;
  opacity: .6;
}

#product .sv-icon-btn:hover{
  opacity: .9;
}

#product .sv-icon-btn i{
  font-size:18px;
  line-height:1;
}

#product #button-cart.sv-cart-btn{
  width:100%;
  height:54px;
  margin:0;
  padding:10px 20px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  font-weight:600;
  text-transform:uppercase;
}

/* ==========================================================================
   22. SUBCATEGORIES HORIZONTAL SCROLL
   ========================================================================== */

#product-category .sv-subcats-scroll{
  position:relative;
  border-bottom:1px solid #e9e9e9;
  margin:10px 0 18px;
}

#product-category .sv-subcats-clip{
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  cursor:grab;
  margin-left:-15px;
  margin-right:-15px;
  padding-left:15px;
  padding-right:15px;
}

#product-category .sv-subcats-clip::-webkit-scrollbar{height:0;}
#product-category .sv-subcats-clip{scrollbar-width:none;}
#product-category .sv-subcats-clip{-ms-overflow-style:none;}
#product-category .sv-subcats-clip.is-dragging{cursor:grabbing;}

#product-category .sv-subcats-list{
  list-style:none;
  padding:0;
  margin:auto;
  display:flex;
  flex-wrap:nowrap;
  white-space:nowrap;
  width:max-content;
}

#product-category .sv-subcats-item{flex:0 0 auto;}

#product-category .sv-subcats-link{
  display:inline-block;
  padding:10px 14px;
  color:#111;
  text-decoration:none;
  border-bottom:2px solid transparent;
  font-weight:500;
  white-space:nowrap;
}

#product-category .sv-subcats-link:hover{border-bottom-color:#111;}

#product-category .sv-subcats-scroll::before,
#product-category .sv-subcats-scroll::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:25px;
  pointer-events:none;
  z-index:10;
}

#product-category .sv-subcats-scroll::before{
  left:-15px;
  background:linear-gradient(to right,#ffffff 0%,#ffffff 30%,rgba(255,255,255,.85) 70%,rgba(255,255,255,0) 100%);
}

#product-category .sv-subcats-scroll::after{
  right:-15px;
  background:linear-gradient(to left,#ffffff 0%,#ffffff 30%,rgba(255,255,255,.45) 75%,rgba(255,255,255,0) 100%);
}

#product-category .sv-subcats-clip.is-dragging,
#product-category .sv-subcats-clip.is-dragging *{
  user-select:none;
}

#product-category .price{font-size:18px;}
#product-category .price-new{font-size:1em;}
#product-category .price-old{font-size:0.9em;}
#product-category .price-tax{font-size:0.8em;}
/* ==== CATEGORY PAGINATION ==== */

.sv-pagination {
  margin-top: 25px;
}

/* верхній рядок (results) */
.sv-pagination__results {
  width: 100%;
  text-align: right;
  font-size: 13px;
  color: var(--sv-t-700);
  margin-bottom: 10px;
}

/* нижній рядок (pagination) */
.sv-pagination__pages {
  width: 100%;
  text-align: left;
}

/* сама пагінація */
.sv-pagination__pages .pagination {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

/* кнопки */
.sv-pagination__pages .pagination li a,
.sv-pagination__pages .pagination li span {
  border: none !important;
  background: transparent !important;
  padding: 6px 10px;
  color: var(--sv-t-900);
  font-size: 14px;
  transition: all 0.2s ease;
}

/* hover */
.sv-pagination__pages .pagination li a:hover {
  background: #f2f2f2 !important;
}

/* активна */
.sv-pagination__pages .pagination li.active span {
  background: var(--sv-btn-bg) !important;
  color: var(--sv-white) !important;
  border-radius: 0;
}

/* стрілки */
.sv-pagination__pages .pagination li:first-child a,
.sv-pagination__pages .pagination li:last-child a {
  font-size: 16px;
}
/* ==========================================================================
   22.1 CATEGORY MOBILE TOOLBAR
   ========================================================================== */

.sv-catbar-mobile{
  display:none;
}

.sv-catbar-mobile__row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:8px 0 14px;
  border-bottom:1px solid var(--sv-bdr);
  margin-bottom:14px;
}

.sv-catbar-mobile__compare{
  display:inline-block;
  color: var(--sv-t-900);
  font-size:14px;
  line-height:1.2;
  text-decoration:none;
  opacity:.8;
}

.sv-catbar-mobile__compare:hover{
  opacity:1;
  text-decoration:underline;
}

.sv-catbar-mobile__sort{
  position:relative;
  flex:0 0 auto;
}

.sv-catbar-mobile__sortbtn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:36px;
  padding:0;
  border:0;
  background:transparent;
  color:var(--sv-t-900);
  font-size:14px;
  line-height:1.2;
  cursor:pointer;
  opacity:.8;
}

.sv-catbar-mobile__sortbtn:hover{
  opacity:1;
}

.sv-catbar-mobile__caret{
  font-size:12px;
  line-height:1;
}

.sv-catbar-mobile__sortmenu{
  position:absolute;
  top:100%;
  right:0;
  min-width:220px;
  margin-top:8px;
  padding:8px 0;
  background:var(--sv-bg);
  border:1px solid var(--sv-bdr);
  box-shadow:var(--sv-shadow-pop);
  display:none;
  z-index:30;
}

.sv-catbar-mobile__sort.is-open .sv-catbar-mobile__sortmenu{
  display:block;
}

.sv-catbar-mobile__sortlink{
  display:block;
  padding:8px 14px;
  color:var(--sv-t-900);
  font-size:14px;
  line-height:1.3;
  text-decoration:none;
  opacity:.8;
}

.sv-catbar-mobile__sortlink:hover,
.sv-catbar-mobile__sortlink.is-active{
  background:var(--sv-bg-1);
  opacity:1;
}
/* ==========================================================================
   23. CART PAGE
   ========================================================================== */

.sv-cart-page{padding:0 0 20px;}
.sv-cart-page__head{margin:0 0 18px;}
.sv-cart-page__title{margin:0;font-size:24px;line-height:1.2;color:var(--sv-t-900);}
.sv-cart-page__weight{font-weight:500;color:var(--sv-t-500);}

.sv-cart-form{margin:0;}
.sv-cart-list{display:grid;gap:16px;}

.sv-cart-item{
  display:grid;
  grid-template-columns:140px minmax(0,1fr);
  gap:16px;
  padding:14px;
  background:var(--sv-bg-3);
}

.sv-cart-item__media{min-width:0;}
.sv-cart-item__thumb{
  display:block;
  background:var(--sv-bg);
  text-decoration:none;
}
.sv-cart-item__thumb img{
  display:block;
  width:100%;
  height:auto;
}

.sv-cart-item__main{
  min-width:0;
  display:flex;
  flex-direction:column;
}

.sv-cart-item__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
  position:relative;
}

.sv-cart-item__titlewrap{
  width:90%;
  min-width:0;
}

.sv-cart-item__title{
  display:block;
  font-size:18px;
  line-height:1.3;
  font-weight:600;
  color:var(--sv-t-900);
  text-decoration:none;
}

.sv-cart-item__title:hover{opacity:.75; color:var(--sv-t-700);}

.sv-cart-item__model,
.sv-cart-item__stock,
.sv-cart-item__reward,
.sv-cart-item__recurring,
.sv-cart-item__option{
  margin-top:8px;
  font-size:14px;
  line-height:1.4;
  color:var(--sv-t-500);
}

.sv-cart-item__option span{
  color:var(--sv-t-900);
  font-weight:600;
}

.sv-cart-item__remove{
  position:absolute;
  top:0;
  right:0;
  flex:0 0 auto;
  width:36px;
  height:36px;
  border:0;
  background:transparent;
  color:var(--sv-t-900);
  padding:0;
  display:grid;
  place-items:center;
  cursor:pointer;
}

.sv-cart-item__remove svg{
  width:24px;
  height:24px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
}

.sv-cart-item__remove:hover{opacity:.65;}

.sv-cart-item__grid{
  display:grid;
  grid-template-columns:220px 1fr 1fr;
  gap:16px;
  padding-top:14px;
  border-top:1px solid rgba(0,0,0,.10);
}

.sv-cart-item__cell{min-width:0;}

.sv-cart-item__label{
  margin-bottom:8px;
  font-size:13px;
  line-height:1.3;
  color:var(--sv-t-400);
}

.sv-cart-item__value{
  font-size:16px;
  line-height:1.3;
  color:var(--sv-t-900);
  font-weight:500;
}

.sv-cart-item__qtyinput::-webkit-outer-spin-button,
.sv-cart-item__qtyinput::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}

.sv-cart-item__qtyinput{
  -moz-appearance:textfield;
  width:100%;
  min-width:0;
  border:0;
  text-align:center;
  padding:6px 0;
}

.sv-cart-item__qtyrow{
  display:flex;
  align-items:center;
  width:120px;
  border:1px solid var(--sv-bdr);
  background:var(--sv-bg);
}

.sv-qtybtn{
  width:34px;
  height:34px;
  border:0;
  background:var(--sv-bg);
  color:var(--sv-t-900);
  font-size:18px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  padding:0;
}

.sv-qtybtn:hover{background:var(--sv-bg-1);}

.sv-cart-page__extras{margin-top:28px;}
.sv-cart-page__extras h2{
  margin:0 0 10px;
  font-size:18px;
  color:var(--sv-t-900);
}
.sv-cart-page__extras p{margin:0 0 14px;}

.sv-cart-summary{
  margin-top:24px;
  padding:14px;
  background:var(--sv-bg-3);
}

.sv-cart-summary__row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:10px 0;
  border-top:1px solid rgba(0,0,0,.10);
}

.sv-cart-summary__row:first-child{border-top:0;}

.sv-cart-summary__title{
  font-size:16px;
  line-height:1.3;
  color:var(--sv-t-500);
}

.sv-cart-summary__value{
  font-size:16px;
  line-height:1.3;
  color:var(--sv-t-900);
  font-weight:600;
  text-align:right;
  white-space:nowrap;
}

.sv-cart-page__actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:22px;
}

.sv-cart-page__actions .pull-left,
.sv-cart-page__actions .pull-right{
  float:none!important;
  padding-left:0!important;
}

.sv-cart-page__actions .btn{
  width:auto;
  min-width:240px;
  max-width:none;
  margin:0;
}
/* ==========================================================================
   23.2 ACCOUNT ORDER LIST
   ========================================================================== */

#account-order .buttons{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:16px;
  margin-top:22px;
}

#account-order .buttons .pull-left,
#account-order .buttons .pull-right{
  float:none!important;
  padding-left:0!important;
}

#account-order .buttons .btn{
  width:auto;
  min-width:220px;
  max-width:none;
  margin:0;
}

.sv-order-list{
  display:grid;
  gap:16px;
  margin-top:18px;
}

.sv-order-card{
  padding:14px;
  background:var(--sv-bg-3);
}

.sv-order-card__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
  position:relative;
}

.sv-order-card__titlewrap{
  width:90%;
  min-width:0;
}

.sv-order-card__title{
  display:block;
  font-size:24px;
  line-height:1.2;
  font-weight:600;
  color:var(--sv-t-900);
}

.sv-order-card__status{
  margin-top:8px;
  font-size:14px;
  line-height:1.4;
  color:var(--sv-t-500);
}

.sv-order-card__view{
  flex:0 0 auto;
  min-width:0;
}

.sv-order-card__link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 18px;
  border:1px solid var(--sv-bdr);
  background:var(--sv-bg);
  color:var(--sv-t-900);
  font-size:15px;
  line-height:1.2;
  text-decoration:none;
  white-space:nowrap;
}

.sv-order-card__link:hover{
  background:var(--sv-bg-1);
  color:var(--sv-t-900);
}

.sv-order-card__grid{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:16px;
  padding-top:14px;
  border-top:1px solid rgba(0,0,0,.10);
}

.sv-order-card__cell{
  min-width:0;
}

.sv-order-card__cell--total{
  text-align:right;
}

.sv-order-card__label{
  margin-bottom:8px;
  font-size:13px;
  line-height:1.3;
  color:var(--sv-t-400);
}

.sv-order-card__value{
  font-size:16px;
  line-height:1.3;
  color:var(--sv-t-900);
  font-weight:500;
  word-break:break-word;
}

.sv-order-card__bottom{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid rgba(0,0,0,.10);
  display:flex;
  justify-content:flex-start;
}

.sv-order-card__reorder{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 18px;
  border:1px solid var(--sv-t-900);
  background:var(--sv-btn-bg);
  color:var(--sv-white);
  font-size:15px;
  line-height:1.2;
  text-decoration:none;
  text-transform:uppercase;
}

.sv-order-card__reorder:hover{
  background:var(--sv-btn-hv);
  color:var(--sv-white);
}
/* ==========================================================================
   23.1 ACCOUNT ADDRESS LIST
   ========================================================================== */

#account-address .buttons{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:22px;
}

#account-address .buttons .pull-left,
#account-address .buttons .pull-right{
  float:none!important;
  padding-left:0!important;
}

#account-address .buttons .btn{
  width:auto;
  min-width:220px;
  max-width:none;
  margin:0;
}

.sv-address-list{
  display:grid;
  gap:16px;
  margin-top:18px;
}

.sv-address-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) 260px;
  gap:16px;
  padding:0;
  background:var(--sv-bg-3);
}

.sv-address-card__body{
  min-width:0;
  padding:18px;
}

.sv-address-card__text{
  font-size:18px;
  line-height:1.55;
  color:var(--sv-t-900);
  white-space:pre-line;
  word-break:break-word;
}

.sv-address-card__actions{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:center;
  gap:0;
  min-width:0;
  border-left:1px solid rgba(0,0,0,.10);
}

.sv-address-card__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px;
  margin: 10px;
  border:1px solid var(--sv-bdr);
  background:var(--sv-bg);
  color:var(--sv-t-900);
  font-size:15px;
  line-height:1.2;
  text-decoration:none;
}

.sv-address-card__btn + .sv-address-card__btn{
  border-top:1px solid rgba(0,0,0,.10);
}

.sv-address-card__btn:hover{
  background:var(--sv-bg-1);
  color:var(--sv-t-900);
}

.sv-address-card__btn--edit,
.sv-address-card__btn--delete{
  text-decoration:none;
}
/* ==========================================================================
   23.2 ACCOUNT ORDER LIST
   ========================================================================== */

.sv-order-list{
  display:grid;
  gap:16px;
  margin-top:18px;
}

.sv-order-item{
  padding:16px;
  background:var(--sv-bg-3);
}

/* ROW 1 */

.sv-order-item__top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:24px;
}

.sv-order-item__top-left{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.sv-order-item__top-right{
  text-align:right;
}

/* ROW 2 */

.sv-order-item__bottom{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid rgba(0,0,0,.10);
}

.sv-order-item__bottom-left{
  display:flex;
  gap:40px;
}

.sv-order-item__bottom-right{
  flex-shrink:0;
}

/* META */

.sv-order-item__meta{
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}

.sv-order-item__meta--right{
  align-items:flex-end;
}

.sv-order-item__label{
  font-size:13px;
  color:var(--sv-t-400);
}

.sv-order-item__value{
  font-size:16px;
  color:var(--sv-t-900);
  font-weight:500;
}

.sv-order-item__value--title{
  font-size:20px;
  font-weight:600;
}

/* BUTTON */

.sv-order-item__view{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 18px;
  border:1px solid var(--sv-bdr);
  background:var(--sv-bg);
  color:var(--sv-t-900);
  text-decoration:none;
  font-size:15px;
}

.sv-order-item__view:hover{
  background:var(--sv-bg-1);
}

/* REORDER */

.sv-order-item__reorder-wrap{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid rgba(0,0,0,.10);
}

.sv-order-item__reorder{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:10px 18px;
  border:1px solid var(--sv-t-900);
  background:var(--sv-btn-bg);
  color:var(--sv-white);
  text-decoration:none;
}

.sv-order-item__reorder:hover{
  background:var(--sv-btn-hv);
}

/* ==========================================================================
   23.3 ACCOUNT WISHLIST LIST
   ========================================================================== */

.sv-wishlist-page .sv-cart-list{
  display:grid;
  gap:16px;
}

.sv-wishlist-page .sv-cart-item{
  display:grid;
  grid-template-columns:140px minmax(0,1fr);
  gap:16px;
  padding:14px;
  background:var(--sv-bg-3);
}

.sv-wishlist-page .sv-cart-item__main{
  min-width:0;
  display:flex;
  flex-direction:column;
}

.sv-wishlist-page .sv-cart-item__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:0px;
  position:relative;
}

.sv-wishlist-page .sv-cart-item__titlewrap{
  width:90%;
  min-width:0;
}

.sv-wishlist-page .sv-cart-item__title{
  display:block;
  font-size:18px;
  line-height:1.3;
  font-weight:600;
  color:var(--sv-t-900);
  text-decoration:none;
}

.sv-wishlist-page .sv-cart-item__title:hover{
  opacity:.75;
  color:var(--sv-t-700);
}

.sv-wishlist-page .sv-cart-item__model,
.sv-wishlist-page .sv-cart-item__stock{
  margin-top:8px;
  font-size:14px;
  line-height:1.4;
  color:var(--sv-t-500);
}

.sv-wishlist-page .sv-cart-item__grid{
  display:grid;
  grid-template-columns:1fr 240px;
  gap:16px;
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid rgba(0,0,0,.10);
}

.sv-wishlist-page .sv-cart-item__cell{
  min-width:0;
}

.sv-wishlist-page .sv-cart-item__label{
  margin-bottom:8px;
  font-size:13px;
  line-height:1.3;
  color:var(--sv-t-400);
}

.sv-wishlist-page .sv-cart-item__value{
  font-size:16px;
  line-height:1.3;
  color:var(--sv-t-900);
  font-weight:500;
}

.sv-wishlist-item__price-current{
  font-size:16px;
  line-height:1.3;
  color:var(--sv-t-900);
  font-weight:500;
}

.sv-wishlist-item__price-old{
  margin-left:8px;
  font-size:16px;
  line-height:1.3;
  color:var(--sv-t-400);
  text-decoration:line-through;
  font-weight:400;
}

.sv-wishlist-item__cell--action .sv-cart-item__value{
  display:flex;
  justify-content:flex-start;
}

.sv-wishlist-item__cart{
  width:100%;
  min-width:0;
  margin:0!important;
}

@media (max-width:900px){
  .sv-wishlist-page .sv-cart-item{
    grid-template-columns:110px 1fr;
    grid-template-areas:
    "img top"
    "grid grid";
    gap:12px;
    padding:12px;
  }

  .sv-wishlist-page .sv-cart-item__main{
    display:contents;
  }

  .sv-wishlist-page .sv-cart-item__media{
    grid-area:img;
    width:110px;
  }

  .sv-wishlist-page .sv-cart-item__top{
    grid-area:top;
  }

  .sv-wishlist-page .sv-cart-item__grid{
    grid-area:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
  }

  .sv-wishlist-page .sv-cart-item__cell--action{
    text-align:right;
  }

  .sv-wishlist-page .sv-cart-item__cell--action .sv-cart-item__value{
    justify-content:flex-end;
  }

  .sv-wishlist-item__cart{
    width:auto;
    min-width:180px;
  }
}

/* ==========================================================================
   23.4 ACCOUNT DOWNLOAD LIST
   ========================================================================== */

.sv-download-list{
  display:grid;
  gap:16px;
  margin-top:18px;
}

.sv-download-item{
  display:flex;
  flex-direction:column;
  padding:14px;
  background:var(--sv-bg-3);
}

.sv-download-item__top{
  margin-bottom:0;
}

.sv-download-item__titlewrap{
  width:100%;
  min-width:0;
}

.sv-download-item__title{
  font-size:18px;
  line-height:1.3;
  font-weight:600;
  color:var(--sv-t-900);
  word-break:break-word;
}

.sv-download-item__grid{
  display:grid;
  grid-template-columns:1fr 1fr 1fr auto;
  gap:16px;
  padding-top:14px;
  border-top:1px solid rgba(0,0,0,.10);
  align-items:end;
}

.sv-download-item__cell{
  min-width:0;
}

.sv-download-item__label{
  margin-bottom:8px;
  font-size:13px;
  line-height:1.3;
  color:var(--sv-t-400);
}

.sv-download-item__value{
  font-size:16px;
  line-height:1.3;
  color:var(--sv-t-900);
  font-weight:500;
  word-break:break-word;
}

.sv-download-item__action-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 18px;
  border:1px solid var(--sv-bdr);
  background:var(--sv-bg);
  color:var(--sv-t-900);
  font-size:15px;
  text-decoration:none;
  white-space:nowrap;

  justify-self:end;
  align-self:end;
}

.sv-download-item__action-btn:hover{
  background:var(--sv-bg-1);
  color:var(--sv-t-900);
  text-decoration:none;
}

/* ==========================================================================
   23.5 ACCOUNT RECURRING LIST
   ========================================================================== */

.sv-recurring-list{
  display:grid;
  gap:16px;
  margin-top:18px;
}


/* ==========================================================================
   23.6 reward — прибрати верхній відступ і вирівняти6
   ========================================================================== */

.sv-reward-item__grid, .sv-transaction-item__grid{
  margin-top:0;
  padding-top:12px;
  align-items: start;
}

/* ==========================================================================
   23.7 ACCOUNT ORDER INFO
   ========================================================================== */

.sv-order-info-summary{
  margin-top:18px;
}

.sv-order-info-summary__card,
.sv-order-info-address,
.sv-order-info-comment{
  background:var(--sv-bg-3);
}

.sv-order-info-summary__head,
.sv-order-info-address__head,
.sv-order-info-comment__head{
  padding:14px;
  font-size:16px;
  line-height:1.3;
  color:var(--sv-t-900);
  border-bottom:1px solid rgba(0,0,0,.10);
}

.sv-order-info-summary__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
}

.sv-order-info-summary__col{
  min-width:0;
  padding:14px;
}

.sv-order-info-summary__col + .sv-order-info-summary__col{
  border-left:1px solid rgba(0,0,0,.10);
}

.sv-order-info-summary__row + .sv-order-info-summary__row{
  margin-top:10px;
}

.sv-order-info-summary__label{
  margin-bottom:4px;
  font-size:14px;
  line-height:1.35;
  font-weight:600;
  color:var(--sv-t-500);
}

.sv-order-info-summary__value{
  font-size:16px;
  line-height:1.4;
  color:var(--sv-t-900);
}

.sv-order-info-addresses{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-top:16px;
}

.sv-order-info-address__body,
.sv-order-info-comment__body{
  padding:14px;
  font-size:16px;
  line-height:1.55;
  color:var(--sv-t-900);
}

.sv-order-info-products{
  display:grid;
  gap:16px;
  margin-top:16px;
}

.sv-order-info-item{
  grid-template-columns:minmax(0,1fr);
}

.sv-order-info-item__grid{
  grid-template-columns:1fr 1fr 1fr;
}

.sv-order-info-item__bottom{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid rgba(0,0,0,.10);
  flex-wrap:wrap;
}

.sv-order-info-item__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 18px;
  border:1px solid var(--sv-t-900);
  background:var(--sv-btn-bg);
  color:var(--sv-white);
  font-size:15px;
  line-height:1.2;
  text-decoration:none;
  text-transform:uppercase;
}

.sv-order-info-item__btn:hover{
  background:var(--sv-btn-hv);
  border-color:var(--sv-btn-hv);
  color:var(--sv-white);
}

.sv-order-info-item__btn--secondary{
  background:var(--sv-bg);
  border-color:var(--sv-bdr);
  color:var(--sv-t-900);
}

.sv-order-info-item__btn--secondary:hover{
  background:var(--sv-bg-1);
  border-color:var(--sv-bdr);
  color:var(--sv-t-900);
}

.sv-order-info-totals{
  margin-top:16px;
}

.sv-order-info-comment{
  margin-top:16px;
}

.sv-order-info-history{
  margin-top:22px;
}

.sv-order-info-history__title{
  margin:0 0 16px;
  font-size:22px;
  line-height:1.2;
  color:var(--sv-t-900);
}

.sv-order-history-item__grid{
  grid-template-columns:1fr 1fr 1.4fr;
}

/* ==========================================================================
   23.8 contact
   ========================================================================== */

#information-contact .panel{
  border: none;
  border-radius: 0px;
  background-color: var(--sv-bg-3);;
}

/* ==========================================================================
   24. COMPRARE
   ========================================================================== */

#product-compare .sv-compare-page{
    margin-bottom:30px;
}

#product-compare .sv-compare-head{
    margin-bottom:20px;
}

#product-compare .sv-compare-head h1{
    margin:0;
    color:var(--sv-t-900);
}

#product-compare .sv-compare-note{
    margin:6px 0 0;
    color:var(--sv-t-500);
    font-size:14px;
}

#product-compare .sv-compare-empty{
    padding:10px 0 0;
}

#product-compare .sv-compare-empty p{
    color:var(--sv-t-500);
    font-size:14px;
    margin:0 0 18px;
}

#product-compare .sv-compare-scroll{
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    padding-bottom:6px;
}

#product-compare .sv-compare-scroll::-webkit-scrollbar{
    height:8px;
}

#product-compare .sv-compare-scroll::-webkit-scrollbar-thumb{
    background:var(--sv-bg-2);
}

#product-compare .sv-compare-scroll::-webkit-scrollbar-track{
    background:var(--sv-bg-1);
}

#product-compare .sv-compare-table{
    width:100%;
    min-width:920px;
    margin:0;
    border-collapse:collapse;
    table-layout:fixed;
    background:transparent;
}
#product-compare .sv-compare-table thead{
    background:var(--sv-bg-1);
}

#product-compare .sv-compare-table thead td{
    color:var(--sv-t-900);
}

#product-compare .sv-compare-table thead td,
#product-compare .sv-compare-table tbody td{
    border:none;
    padding:14px 16px;
    vertical-align:top;
    color:var(--sv-t-500);
    font-size:14px;
    line-height:1.45;
}

#product-compare .sv-compare-table thead td{
    padding-top:18px;
    padding-bottom:10px;
    color:var(--sv-t-900);
    font-size:13px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

#product-compare .sv-compare-table tbody tr:nth-child(odd){
    background:transparent;
}

#product-compare .sv-compare-table tbody tr:nth-child(even){
    background:var(--sv-bg-1);
}

#product-compare .sv-compare-table .sv-compare-label{
    width:190px;
    min-width:190px;
    color:var(--sv-t-900);
    font-weight:700;
    text-transform:none;
    letter-spacing:0;
    background:transparent;
}

#product-compare .sv-compare-table .sv-compare-product{
    width:240px;
    min-width:240px;
}

#product-compare .sv-compare-name{
    display:inline-block;
    color:var(--sv-t-900);
    font-size:16px;
    line-height:1.35;
    font-weight:700;
}

#product-compare .sv-compare-name:hover{
    color:var(--sv-t-700);
}

#product-compare .sv-compare-image{
    display:block;
    padding:0;
}

#product-compare .sv-compare-image img{
    display:block;
    max-width:100%;
    max-height:180px;
    width:auto;
    height:auto;
    margin:0;
    border:none;
    box-shadow:none;
    background:none;
}

#product-compare .sv-compare-price{
    color:var(--sv-t-900);
    font-size:18px;
    font-weight:700;
    line-height:1.3;
}

#product-compare .sv-compare-price-old{
    display:block;
    color:var(--sv-t-400);
    text-decoration:line-through;
    font-weight:500;
    margin-bottom:3px;
}

#product-compare .sv-compare-rating{
    color:var(--sv-t-900);
}

#product-compare .sv-compare-rating .fa-stack{
    width:14px;
    height:14px;
    line-height:14px;
    font-size:14px;
    margin-right:2px;
}

#product-compare .sv-compare-reviews{
    display:block;
    margin-top:6px;
    color:var(--sv-t-500);
    font-size:13px;
}

#product-compare .sv-compare-desc{
    color:var(--sv-t-500);
}

#product-compare .sv-compare-empty-cell{
    color:var(--sv-t-300);
}

#product-compare .sv-compare-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
}

#product-compare .sv-compare-actions .btn{
    width:100%;
    margin:0;
}

#product-compare .sv-compare-footnote{
    margin-top:10px;
    color:var(--sv-t-400);
    font-size:12px;
}

/* ==========================================================================
   25. BLOG — Savini clean layout
   ========================================================================== */

/* TITLES */
body.savini .blog-category-page #content.showcase-list > h1,
body.savini .blog-article-page #content > h1,
body.savini #blog-article h1,
body.savini #blog-article h3 {
  margin: 0 0 18px;
  color: var(--sv-t-900);
}

/* =========================
   CATEGORY / LATEST PAGE
   ========================= */
body.savini .blog-category-page #content.showcase-list > .row {
  margin-left: -10px;
  margin-right: -10px;
}

body.savini .blog-category-page #content.showcase-list > .row > .col-xs-12 {
  padding-left: 2px;
  padding-right: 2px;
  margin-bottom: 10px;
}

/* base blog card */
body.savini .sv-blog-card {
  overflow: hidden;
  background: var(--sv-bg);
}

body.savini .sv-blog-card__img {
  background: var(--sv-bg);
}

body.savini .sv-blog-card__img a {
  display: block;
}

body.savini .sv-blog-card__img img {
  display: block;
  width: 100%;
  height: auto;
}

body.savini .sv-blog-card__content {
  min-width: 0;
}

body.savini .sv-blog-card__title {
  margin: 0 0 14px;
  line-height: 1.3;
}

body.savini .sv-blog-card__title a {
  display: block;
  overflow: hidden;
  color: var(--sv-t-900);
  text-decoration: none;
  font-weight: 500;
}

body.savini .sv-blog-card__title a:hover {
  color: var(--sv-t-900);
  text-decoration: none;
}

body.savini .sv-blog-card__desc {
  overflow: hidden;
  color: var(--sv-t-500);
}

body.savini .sv-blog-card__desc p {
  margin: 0;
}

body.savini .sv-blog-card__meta {
  color: var(--sv-t-700);
}

body.savini .sv-blog-card__btn {
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid var(--sv-bdr);
}

body.savini .sv-blog-card__btn a {
  display: inline-block;
  color: var(--sv-t-900);
  text-decoration: underline;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-align: right;
  padding: 5px 0;
}

body.savini .sv-blog-card__btn a:hover {
  color: var(--sv-t-900);
  text-decoration: underline;
}

/* category list */
body.savini .blog-category-page .sv-blog-card {
  display: flex;
  align-items: flex-start;
}

body.savini .blog-category-page .sv-blog-card__img {
  flex: 0 0 260px;
  width: 260px;
  min-width: 260px;
}

body.savini .blog-category-page .sv-blog-card__img img {
  object-fit: contain;
}

body.savini .blog-category-page .sv-blog-card__content {
  flex: 1 1 auto;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 15px 15px 0;
}

body.savini .sv-blog-card__title a {
  height: calc(1.3em * 2);
  font-size: 28px;
  line-height: 1.3;
}

#product-product .sv-blog-card__title a {
  font-size: 16px;
}
#product-product .sv-blog-card__date {
  margin-left: auto;
  text-align: right;
}
body.savini .sv-blog-card__title a:hover {
  opacity: .7;
}

body.savini .sv-blog-card__desc {
  margin: 0 0 10px;
  height: calc(1.65em * 3);
  font-size: 16px;
  line-height: 1.65;

  display: -webkit-box;
  -webkit-line-clamp: 3;    /* кількість рядків */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

#product-product .sv-blog-card__desc {
  font-size: 14px;
}

body.savini .sv-blog-card__meta {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin-top: auto;
  padding: 4px 0;
  font-size: 12px;
  line-height: 1.4;
}

body.savini .blog-category-page .sv-blog-card__views,
body.savini .blog-category-page .sv-blog-card__date {
  white-space: nowrap;
}

body.savini .blog-category-page .sv-blog-card__views {
  padding-left: 10px;
}

body.savini .sv-blog-card__date {
  margin-left: auto;
  text-align: right;
}

body.savini .blog-category-page .sv-blog-card__btn {
  padding: 12px;
}

body.savini .blog-category-page #column-left .sv-blog-card__btn {
  padding: 8px;
}

body.savini .blog-category-page .sv-blog-card__btn a {
  font-size: 14px;
}

body.savini .blog-category-page .sv-blog-card__btn a:hover {
  opacity: .7;
}

/* old leftovers inside category */
body.savini .blog-category-page .product-thumb .button-group,
body.savini .blog-category-page .product-thumb .rating,
body.savini .blog-category-page .product-thumb .price,
body.savini .blog-category-page .blog-item .product-thumb .button-group,
body.savini .blog-category-page .blog-item .product-thumb .rating,
body.savini .blog-category-page .blog-item .product-thumb .price {
  display: none !important;
}

/* category grid */
body.savini .blog-category-page .product-layout.product-grid .sv-blog-card {
  display: block;
}

body.savini .blog-category-page .product-layout.product-grid .sv-blog-card__img {
  width: 100%;
  min-width: 0;
  flex-basis: auto;
}

body.savini .blog-category-page .product-layout.product-grid .sv-blog-card__img img {
  object-fit: contain;
}

body.savini .blog-category-page .product-layout.product-grid .sv-blog-card__content {
  padding: 10px 10px 0;
}

body.savini .blog-category-page .product-layout.product-grid .sv-blog-card__title a {
  height: calc(1.35em * 2);
  font-size: 18px;
  line-height: 1.35;
}

body.savini .blog-category-page .product-layout.product-grid .sv-blog-card__desc {
  height: calc(1.55em * 3);
  font-size: 14px;
  line-height: 1.55;
}

body.savini .blog-category-page .product-layout.product-grid .sv-blog-card__meta {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin-top: auto;
  padding: 4px 0;
  font-size: 13px;
  line-height: 1.4;
}

body.savini .blog-category-page .product-layout.product-grid .sv-blog-card__views,
body.savini .blog-category-page .product-layout.product-grid .sv-blog-card__date {
  white-space: nowrap;
}

body.savini .blog-category-page .product-layout.product-grid .sv-blog-card__date {
  margin-left: auto;
  text-align: right;
}

body.savini .blog-category-page .product-layout.product-grid .sv-blog-card__btn a {
  font-size: 13px;
}

/* BLOG TOOLBAR */
body.savini .blog-category-page .blog-toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 16px !important;
  margin-bottom: 20px !important;
}

body.savini .blog-category-page .blog-toolbar > [class*="col-sm-"] {
  float: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.savini .blog-category-page .blog-toolbar > .col-sm-3:first-child {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
}

body.savini .blog-category-page .blog-toolbar > .col-sm-1.col-sm-offset-2.text-right {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  margin-left: auto !important;
  text-align: left !important;
}

body.savini .blog-category-page .blog-toolbar > .col-sm-3.text-right {
  flex: 0 0 220px !important;
  width: 220px !important;
  max-width: 220px !important;
  text-align: left !important;
}

body.savini .blog-category-page .blog-toolbar > .col-sm-1.text-right {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  text-align: left !important;
}

body.savini .blog-category-page .blog-toolbar > .col-sm-2.text-right {
  flex: 0 0 110px !important;
  width: 110px !important;
  max-width: 110px !important;
  text-align: left !important;
}

body.savini .blog-category-page .blog-toolbar .btn-group {
  display: flex !important;
  align-items: center !important;
}

body.savini .blog-category-page .blog-toolbar .btn {
  border-radius: 0 !important;
}

body.savini .blog-category-page .blog-toolbar label {
  display: block !important;
  margin: 0 !important;
  line-height: 40px !important;
  white-space: nowrap !important;
}

body.savini .blog-category-page .blog-toolbar .form-control {
  width: 100% !important;
}

/* SIDEBAR BLOG TILES */
body.savini #column-left .product-layout,
body.savini #column-right .product-layout {
  width: 100%;
  float: none;
  clear: both;
  margin-bottom: 14px;
}

/* legacy sidebar modules */
body.savini #column-left .product-thumb,
body.savini #column-right .product-thumb {
  display: block !important;
  overflow: hidden;
  background: var(--sv-bg);
  box-shadow: none;
}

body.savini #column-left .product-thumb .image,
body.savini #column-right .product-thumb .image {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0;
  padding: 0 !important;
  text-align: center;
}

body.savini #column-left .product-thumb .image a,
body.savini #column-right .product-thumb .image a {
  display: block;
}

body.savini #column-left .product-thumb .image img,
body.savini #column-right .product-thumb .image img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

body.savini #column-left .product-thumb .caption,
body.savini #column-right .product-thumb .caption {
  float: none !important;
  width: 100% !important;
  min-height: 0 !important;
  margin-left: 0 !important;
  padding: 8px;
}

body.savini #column-left > div.row > div > div > div.caption > p {
  overflow: hidden;
  height: calc(1.4em * 3);
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 0 !important;
  margin-top: 8px !important;
}

body.savini #column-left .product-thumb h4,
body.savini #column-right .product-thumb h4 {
  margin: 0 0 8px;
  line-height: 1.35;
}

body.savini #column-left .product-thumb h4 a,
body.savini #column-right .product-thumb h4 a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: var(--sv-t-900);
  text-decoration: none;
}

body.savini #column-left .product-thumb .description,
body.savini #column-right .product-thumb .description {
  margin: 0;
  color: var(--sv-t-500);
  line-height: 1.55;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

body.savini #column-left .product-thumb .description p,
body.savini #column-right .product-thumb .description p {
  margin: 0;
}

body.savini #column-left .product-thumb .button-group,
body.savini #column-right .product-thumb .button-group,
body.savini #column-left .product-thumb .rating,
body.savini #column-right .product-thumb .rating {
  display: none !important;
}

/* new sidebar markup support */
body.savini #column-left .sv-blog-card,
body.savini #column-right .sv-blog-card {
  display: block;
}

body.savini #column-left .sv-blog-card__img,
body.savini #column-right .sv-blog-card__img {
  width: 100%;
  min-width: 0;
}

body.savini #column-left .sv-blog-card__img img,
body.savini #column-right .sv-blog-card__img img {
  object-fit: contain;
}

body.savini #column-left .sv-blog-card__content,
body.savini #column-right .sv-blog-card__content {
  padding: 8px 8px 0;
}

body.savini #column-left .sv-blog-card__title,
body.savini #column-right .sv-blog-card__title {
  margin: 0 0 8px;
  line-height: 1.35;
}

body.savini #column-left .sv-blog-card__title a,
body.savini #column-right .sv-blog-card__title a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: var(--sv-t-900);
  text-decoration: none;
  font-size: 18px;
  line-height: 1.35;
}

body.savini #column-left .sv-blog-card__desc,
body.savini #column-right .sv-blog-card__desc {
  margin: 8px 0 0;
  overflow: hidden;
  max-height: calc(1.4em * 3);
  font-size: 14px;
  line-height: 1.4;
}

body.savini #column-left .sv-blog-card__meta,
body.savini #column-right .sv-blog-card__meta {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.3;
}

body.savini #column-left .sv-blog-card__views,
body.savini #column-right .sv-blog-card__views,
body.savini #column-left .sv-blog-card__date,
body.savini #column-right .sv-blog-card__date {
  white-space: nowrap;
}

body.savini #column-left .sv-blog-card__date,
body.savini #column-right .sv-blog-card__date {
  margin-left: auto;
  text-align: right;
}

body.savini #column-left .sv-blog-card__btn,
body.savini #column-right .sv-blog-card__btn {
  padding: 8px;
}

body.savini #column-left .sv-blog-card__btn a,
body.savini #column-right .sv-blog-card__btn a {
  font-size: 12px;
}
body.savini .blog-toolbar .btn svg {
    display: block;
    margin: 0 auto;
}

body.savini .blog-toolbar .btn {
    display: flex;
    align-items: center;
    justify-content: center;
}
/* ARTICLE PAGE BASE */
body.savini #blog-article .thumbnail,
body.savini .blog-article-page .thumbnail {
  border: 1px solid var(--sv-bdr);
  background: var(--sv-bg);
}

body.savini #blog-article .tab-pane,
body.savini #blog-article .rating,
body.savini #blog-article .description,
body.savini .blog-article-page .tab-pane,
body.savini .blog-article-page .rating,
body.savini .blog-article-page .description {
  color: var(--sv-t-500);
}

body.savini #blog-article .blog-review-item,
body.savini .blog-article-page .blog-review-item {
  margin-bottom: 16px;
  background: var(--sv-bg);
}

body.savini #blog-article .blog-review-item td,
body.savini .blog-article-page .blog-review-item td {
  border: none;
  color: var(--sv-t-700);
}

body.savini #blog-article .blog-review-item strong,
body.savini .blog-article-page .blog-review-item strong {
  color: var(--sv-t-900);
}

/* ARTICLE PAGE — RELATED ARTICLES new sv-blog-card grid */
body.savini .blog-article-page .sv-blog-related-grid {
  margin-left: -10px;
  margin-right: -10px;
}

body.savini .blog-article-page .sv-blog-related-grid > [class*="col-"] {
  padding-left: 3px;
  padding-right: 3px;
  margin-bottom: 15px;
}

body.savini .blog-article-page .sv-blog-related-grid .sv-blog-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

body.savini .blog-article-page .sv-blog-related-grid .sv-blog-card__img {
  width: 100%;
  min-width: 0;
}

body.savini .blog-article-page .sv-blog-related-grid .sv-blog-card__img img {
  object-fit: contain;
}

body.savini .blog-article-page .sv-blog-related-grid .sv-blog-card__content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 10px 10px 0;
}

body.savini .blog-article-page .sv-blog-related-grid .sv-blog-card__title {
  margin: 0 0 8px;
  line-height: 1.35;
}

body.savini .blog-article-page .sv-blog-related-grid .sv-blog-card__title a {
  height: calc(1.35em * 2);
  font-size: 18px;
  line-height: 1.35;
}

body.savini .blog-article-page .sv-blog-related-grid .sv-blog-card__desc {
  height: calc(1.55em * 3);
  font-size: 14px;
  line-height: 1.55;
}
body.savini .blog-article-page .sv-blog-related-grid .sv-blog-card__meta {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  margin-top: auto;
  padding: 4px 8px 4px 4px;
  font-size: 13px;
  line-height: 1.35;
}

body.savini .blog-article-page .sv-blog-related-grid .sv-blog-card__views,
body.savini .blog-article-page .sv-blog-related-grid .sv-blog-card__date {
  white-space: nowrap;
}

body.savini .blog-article-page .sv-blog-related-grid .sv-blog-card__date {
  margin-left: auto;
  text-align: right;
}

body.savini .blog-article-page .sv-blog-related-grid .sv-blog-card__btn {
  padding: 8px;
}

body.savini .blog-article-page .sv-blog-related-grid .sv-blog-card__btn a {
  font-size: 13px;
}

/* old related article cards kept for compatibility */
body.savini .blog-article-page .sv-related-articles {
  margin-left: -10px;
  margin-right: -10px;
}

body.savini .blog-article-page .sv-related-articles > [class*="col-"] {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
}

body.savini .blog-article-page .sv-related-article-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border: 1px solid var(--sv-bdr);
  background: var(--sv-bg);
}

body.savini .blog-article-page .sv-related-article-card__img a {
  display: block;
}

body.savini .blog-article-page .sv-related-article-card__img img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  border-bottom: 1px solid var(--sv-bdr);
}

body.savini .blog-article-page .sv-related-article-card__content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 16px;
}

body.savini .blog-article-page .sv-related-article-card__title {
  margin: 0 0 10px;
  line-height: 1.35;
}

body.savini .blog-article-page .sv-related-article-card__title a {
  display: block;
  overflow: hidden;
  height: calc(1.35em * 2);
  color: var(--sv-t-900);
  text-decoration: none;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.35;
}

body.savini .blog-article-page .sv-related-article-card__title a:hover {
  color: var(--sv-t-900);
  text-decoration: none;
}

body.savini .blog-article-page .sv-related-article-card__desc {
  margin: 0;
  overflow: hidden;
  height: calc(1.55em * 3);
  color: var(--sv-t-500);
  font-size: 14px;
  line-height: 1.55;
}

body.savini .blog-article-page .sv-related-article-card__desc p {
  margin: 0;
}

body.savini .blog-article-page #form-review{
    background: none;
}
body.savini .blog-article-page #review > table{
    border: none;
}
body.savini .blog-article-page .form-control{
    background:  var(--sv-bg-3);
}
#checkout-checkout  .form-control, #checkout-cart .form-control {
    background:  var(--sv-bg);
}
/* LEGACY MODULE TILES ========================= */
body.savini .blog-page #content h3 + .row .product-layout[class*="col-"] {
  margin-bottom: 20px;
}

body.savini .blog-page #content h3 + .row .product-thumb.transition,
body.savini .blog-page #content h3 + .row .product-thumb {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  background: var(--sv-bg);
  box-shadow: none;
}

body.savini .blog-page #content h3 + .row .product-thumb .image {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center;
}

body.savini .blog-page #content h3 + .row .product-thumb .image a {
  display: block;
}

body.savini .blog-page #content h3 + .row .product-thumb .image img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

body.savini .blog-page #content h3 + .row .product-thumb .caption {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  margin: 0 !important;
  padding: 8px;
}

body.savini .blog-page #content h3 + .row .product-thumb .caption h4 {
  margin: 0 0 8px;
  line-height: 1.3;
}

body.savini .blog-page #content h3 + .row .product-thumb .caption h4 a {
  display: block;
  overflow: hidden;
  height: calc(1.3em * 2);
  color: var(--sv-t-900);
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
}

body.savini .blog-page #content h3 + .row .product-thumb .caption p {
  margin: 8px 0 0;
  overflow: hidden;
  height: calc(1.55em * 3);
  color: var(--sv-t-500);
  font-size: 12px;
  line-height: 1.55;
}

body.savini .blog-page #content h3 + .row .product-thumb .rating {
  display: none !important;
}


body.savini .blog-page #content h3 + .row .sv-blog-card__btn {
  padding: 5px 8px;
}

body.savini .blog-page #content h3 + .row .sv-blog-card__btn a {
  font-size: 12px;
}


.bootstrap-datetimepicker-widget, .bootstrap-datetimepicker-widget td, .bootstrap-datetimepicker-widget th, .bootstrap-datetimepicker-widget td span{
    border-radius: 0 !important;
}
.bootstrap-datetimepicker-widget td span.active{
    background-color: var(--sv-t-500) !important;
    border-radius: 0 !important;
}
.bootstrap-datetimepicker-widget td.active{
    background-color: var(--sv-t-500) !important;
    border-radius: 0 !important;
}


/* ==========================================================================
   26. RESPONSIVE
   ========================================================================== */

@media (max-width:992px){
  .sv-products-row>.product-layout.product-grid{
    flex:0 0 33% !important;
    max-width:33% !important;
  }

  .sv-products-row>.product-layout{
    margin-bottom:15px !important;
  }
}

@media (max-width:900px){
  h1{font-size:22px;}

  .hidden-xs{display:none !important;}

  #content{width:100%;}
  .col-sm-6{width:100%;}
  .container{width:100%;}

  body.savini #logo.sv-logo img,
  body.savini .sv-logo img{
    max-height:32px;
    width:auto;
    max-width:100%;
  }

  body.savini .sv-header--desktop,
  body.savini .sv-nav--desktop{display:none;}

  body.savini .sv-header--mobile{display:block;}

  body.savini .sv-header--mobile .sv-menubtn{display:grid;}

    body.savini .sv-header--mobile .sv-header__left{
      min-width:0;
      flex:1 1 auto;
    }
    
    body.savini .sv-header--mobile .sv-header__center{
      display:none;
    }
    
    body.savini .sv-header--mobile .sv-header__right{
      min-width:auto;
      flex:0 0 auto;
      justify-content:flex-end;
      gap:0;
    }

  body.savini .sv-nav{border-bottom:none;}

  body.savini .sv-cartwrap #cart .dropdown-menu{min-width:320px;}
  
  body.savini .sv-cartwrap #cart .dropdown-menu::before{margin-right: 40px;}

  body.savini .sv-lccombo__panel{
    width:260px;
    margin-top:2px;
  }

  body.savini .sv-drawer .dropdown-menu-right{right:-10px;}
  body.savini .sv-accpop__menu::before{right:26px;}

  body.savini #menu .nav>li>a:hover{opacity:1;}

  body.savini .sv-drawer__panel #menu .nav>.is-open>a{
    opacity:1;
  }

  body.savini #menu .see-all{
    display:none;
  }

  /* Drawer accordion animation */
  #svDrawer #menu .nav > li .dropdown-menu{
    display:block;
    max-height:0;
    overflow:hidden;
    opacity:0;
    transition:max-height .25s ease, opacity .2s ease;
  }

  #svDrawer #menu .nav > li.is-open .dropdown-menu{
    max-height:500px;
    opacity:1;
  }

  body.savini .sv-drawer__search{
    width:100%;
    display:block;
    padding:12px 16px 10px;
  }

  body.savini .sv-drawer__search #search{
    margin:0;
    width:100%;
    z-index: 1;
  }

  body.savini .sv-drawer__search #search .input-group{
    position:relative;
    width:100%;
  }

  body.savini .sv-drawer__search #search .btn,
  body.savini .sv-drawer__search #search .btn-lg{
    position:absolute!important;
    right:6px;
    top:0;
    height:42px!important;
    min-width:42px;
    padding:0 12px!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body.savini .sv-drawer__search #search .btn svg{
      margin-top: 6px;
  }

  body.savini .sv-drawer__search #search input.form-control,
  body.savini .sv-drawer__search #search input.input-lg,
  body.savini .sv-drawer__search #search input[type="search"]{
    height:42px!important;
    width:100%!important;
    max-width:100%!important;
    border:1px solid var(--sv-bdr)!important;
    padding-right:46px!important;
    background:transparent!important;
  }

  body.savini .sv-cartwrap #cart .dropdown-menu.sv-mc{
    max-width:360px;
    min-width:300px;
    width:360px;
    margin-right: -40px;
  }

  body.savini .sv-mc__item{gap:15px;}
  body.savini .sv-mc__title{font-size:14px;}
  body.savini .sv-mc__price{font-size:14px;}

  body.savini #sv-alert-dock{
    width:90%;
  }

  .well{
    width:100%;
    padding:10px 10px 20px 10px;
  }

  .btn-primary{
    width:calc(100% + 25px);
    margin-left:-25px;
  }
    
  #account-register .btn-primary,
  #account-login .btn-primary,
  #account-edit .btn-primary,
  #account-password .btn-primary,
  #account-address .btn-primary,
  #account-wishlist .btn-primary,
  #account-affiliate .btn-primary,
  #account-newsletter .btn-primary,
  #account-return .btn-primary,
  #collapse-shipping .btn-primary,
  #collapse-payment-method .btn-primary,
  #checkout-checkout .btn-primary,
  #error-not-found .btn-primary,
  #information-contact .btn-primary{
    width:100%;
    margin-left:0;
  }
  
  #button-review{
    width:100%;
    margin-left:0;
  }
  
  .form-horizontal, .sv-auth-full{
    padding: 1% 5%;
  }
  
  #product-search .btn-default{
    margin-top: 20px;
  }
  
  .btn-default{
    width: 100%;
  }
  
  fieldset{margin-top:20px;}
  
  #checkout-cart #accordion .panel-body{width:100%;}

  
  #accordion .input-group-btn{width:100%;}
  .sv-confirm__item{padding:12px;}

  .sv-confirm__row{
    grid-template-columns:1fr 1fr;
    grid-template-areas:
    "qty price"
    "total total";
    gap:10px 12px;
  }

  .sv-confirm__row .sv-confirm__cell:nth-child(1){grid-area:qty;}
  .sv-confirm__row .sv-confirm__cell:nth-child(2){grid-area:price;}

  .sv-confirm__row .sv-confirm__cell:nth-child(3){
    grid-area:total;
    text-align:left;
    padding-top:8px;
    border-top:1px solid rgba(0,0,0,.08);
  }

  .sv-confirm__row .sv-confirm__cell:nth-child(3) .sv-confirm__value{
    font-size:15px;
  }

  .sv-cart-page__title{font-size:22px;}

  .sv-cart-item{
    grid-template-columns:110px 1fr;
    grid-template-areas:
    "img top"
    "grid grid";
    gap:12px;
    padding:12px;
  }

  .sv-cart-item__main{display:contents;}
  .sv-cart-item__media{grid-area:img;width:110px;}
  .sv-cart-item__top{grid-area:top;}
  .sv-cart-item__grid{
    grid-area:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
  }

  .sv-cart-item__grid .sv-cart-item__cell:nth-child(2){
    text-align:right;
  }

  .sv-cart-item__cell--total{
    grid-column:1 / -1;
    padding-top:8px;
    border-top:1px solid rgba(0,0,0,.10);
    text-align:right;
  }

  .sv-cart-page__actions{
    flex-direction:column;
    align-items:stretch;
  }

  .sv-cart-page__actions .btn{
    width:100%;
    min-width:0;
  }

  .sv-products-row>.product-layout.product-grid{
    flex:0 0 50%!important;
    max-width:50%!important;
  }

  .sv-products-row>.product-layout.product-grid:nth-child(odd){
    padding-right:1px!important;
  }

  .sv-products-row>.product-layout.product-grid:nth-child(even){
    padding-left:1px!important;
  }

  .product-layout.product-list .product-thumb .image{
    flex:0 0 30%!important;
    max-width:30%!important;
    aspect-ratio:auto;
  }
  #product-category .caption h4 a {font-size:14px;}
  #product-category .price{font-size:16px;}

  .product-thumb .sv-card-actions{
    top:0;
    right:0;
  }

  .product-thumb .sv-card-action{opacity:.7!important;}

  .sv-card-cart-float{
    right:0;
    bottom:0;
    opacity:.6;
  }

  .breadcrumb{
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    gap:8px;
    overflow-x:auto;
    overflow-y:hidden;
    white-space:nowrap;
    padding:0 0 8px;
    margin:0 0 12px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
    scrollbar-color:#bfbfbf transparent;
  }

  .breadcrumb>li{
    float:none;
    flex:0 0 auto;
    white-space:nowrap;
  }

  .breadcrumb>li+li:before{
    float:none;
    display:inline-block;
    padding:0 6px;
  }

  .breadcrumb::-webkit-scrollbar{height:6px;}
  .breadcrumb::-webkit-scrollbar-track{
    background:rgba(0,0,0,.05);
    border-radius:10px;
  }

  .breadcrumb::-webkit-scrollbar-thumb{
    background:#bfbfbf;
    border-radius:10px;
  }

  .breadcrumb::-webkit-scrollbar-thumb:hover{background:#9f9f9f;}
    #product .sv-product-actions-top{
    gap:8px;
  }
  #product-product h1 {font-size: 22px}
  #product .sv-qty{
    height:46px;
  }

  #product .sv-qty-btn{
    width:42px;
    height:46px;
  }

  #product .sv-qty-input{
    width:48px;
    height:46px;
    font-size:16px;
  }

  #product .sv-icon-btn{
    width:46px;
    height:46px;
    flex-basis:46px;
  }

  #product #button-cart.sv-cart-btn{
    height:50px;
    font-size:16px;
  }
    .sv-catbar-mobile{
    display:block;
  }

  .sv-catbar-default{
    display:none;
  }
  
  #product-category .sv-subcats-scroll {margin: 0;}
  
  .icon-scales{
    stroke-width: 1;
  }
  
  .sv-catbar-mobile__row{
    border: none;
    margin-bottom: 0;
    padding: 6px 0;
  }
  
  #account-address .buttons{
    flex-direction:column;
    align-items:stretch;
  }

  #account-address .buttons .btn{
    width:100%;
    min-width:0;
  }

  .sv-address-card{
    grid-template-columns:1fr;
    gap:0;
  }

  .sv-address-card__body{
    padding:14px 14px 12px;
  }

  .sv-address-card__text{
    font-size:16px;
    line-height:1.5;
  }

  .sv-address-card__actions{
    border-left:0;
    border-top:1px solid rgba(0,0,0,.10);
  }
  

  .sv-order-item{
    padding:14px;
  }

  .sv-order-item__top{
    flex-direction:column;
    gap:12px;
  }

  .sv-order-item__top-right{
    text-align:left;
  }

  .sv-order-item__meta--inline-mobile{
    flex-direction:row;
    align-items:center;
    gap:6px;
  }

  .sv-order-item__bottom{
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
  }

  .sv-order-item__bottom-left{
    gap:20px;
  }

  .sv-order-item__bottom-right{
    width:100%;
  }

  .sv-order-item__view{
    width:100%;
  }
  .sv-wishlist-page .sv-cart-item__grid{
    grid-template-columns:1fr;
  }

  .sv-wishlist-page .sv-cart-item__cell--action{
    padding-top:8px;
    border-top:1px solid rgba(0,0,0,.10);
    text-align:left;
  }

  .sv-wishlist-page .sv-cart-item__cell--action .sv-cart-item__value{
    justify-content:flex-start;
  }

  .sv-wishlist-item__cart{
    width:100%;
    min-width:0;
  }

  .sv-download-item{
    padding:12px;
  }

  .sv-download-item__grid{
    display:block;
  }

  .sv-download-item__cell{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:10px 0;
    border-top:1px solid rgba(0,0,0,.10);
  }

  .sv-download-item__cell:first-child{
    border-top:0;
    padding-top:0;
  }

  .sv-download-item__label{
    margin:0;
    flex:0 0 auto;
  }

  .sv-download-item__value{
    text-align:right;
    font-size:15px;
    white-space:nowrap;
  }

  .sv-download-item__action-btn{
    width:100%;
    min-width:0;
  }
  
  .sv-order-info-summary__grid,
  .sv-order-info-addresses{
    grid-template-columns:1fr;
  }

  .sv-order-info-summary__col + .sv-order-info-summary__col{
    border-left:0;
    border-top:1px solid rgba(0,0,0,.10);
  }

  .sv-order-info-item{
    display:block;
    padding:12px;
  }

  .sv-order-info-item .sv-cart-item__main{
    display:flex;
    flex-direction:column;
  }

  .sv-order-info-item .sv-cart-item__top{
    display:block;
    margin-bottom:12px;
  }

  .sv-order-info-item .sv-cart-item__titlewrap{
    width:100%;
  }

  .sv-order-info-item .sv-cart-item__grid,
  .sv-order-history-item__grid{
    display:block;
  }

  .sv-order-info-item .sv-cart-item__cell,
  .sv-order-history-item__grid .sv-download-item__cell{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:10px 0;
    border-top:1px solid rgba(0,0,0,.10);
  }

  .sv-order-info-item .sv-cart-item__cell:first-child,
  .sv-order-history-item__grid .sv-download-item__cell:first-child{
    border-top:0;
    padding-top:0;
  }

  .sv-order-info-item .sv-cart-item__label,
  .sv-order-history-item__grid .sv-download-item__label{
    margin:0;
    flex:0 0 auto;
  }

  .sv-order-info-item .sv-cart-item__value,
  .sv-order-history-item__grid .sv-download-item__value{
    text-align:right;
    font-size:15px;
    white-space:normal;
  }

  .sv-order-info-item .sv-cart-item__cell--total{
    padding-top:10px;
    border-top:1px solid rgba(0,0,0,.10);
    text-align:right;
  }

  .sv-order-info-item__bottom{
    flex-direction:column;
    align-items:stretch;
    gap:10px;
  }

  .sv-order-info-item__btn{
    width:100%;
  }
  
  #product-compare .sv-compare-table{
    min-width:760px;
  }

  #product-compare .sv-compare-table thead td,
  #product-compare .sv-compare-table tbody td{
    padding:12px 12px;
    font-size:13px;
  }

  #product-compare .sv-compare-table .sv-compare-label{
    width:150px;
    min-width:150px;
  }

  #product-compare .sv-compare-table .sv-compare-product{
    width:210px;
    min-width:210px;
  }

  #product-compare .sv-compare-name{
    font-size:14px;
  }

  #product-compare .sv-compare-image img{
    max-height:130px;
  }

  #product-compare .sv-compare-price{
    font-size:16px;
  }
  
  body.savini .blog-category-page .blog-toolbar {
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 6px !important;
  }

  body.savini .blog-category-page .blog-toolbar > .col-sm-3:first-child,
  body.savini .blog-category-page .blog-toolbar > .col-sm-1.col-sm-offset-2.text-right,
  body.savini .blog-category-page .blog-toolbar > .col-sm-3.text-right,
  body.savini .blog-category-page .blog-toolbar > .col-sm-1.text-right,
  body.savini .blog-category-page .blog-toolbar > .col-sm-2.text-right {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    text-align: left !important;
  }

  #blog-category #content > div.row.blog-toolbar > div:nth-child(1) {
    display: none;
  }

  body.savini .blog-category-page .blog-toolbar .form-control {
    padding: 5px 10px;
    background: var(--sv-bg-3);
  }

  body.savini .blog-category-page .blog-toolbar label {
    margin-top: 4px !important;
    line-height: 1.4 !important;
  }

  body.savini .blog-category-page .sv-blog-card {
    flex-direction: column;
  }

  body.savini .blog-category-page .sv-blog-card__img {
    width: 100%;
    min-width: 0;
    flex-basis: auto;
  }

  body.savini .blog-category-page .sv-blog-card__img img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  body.savini .blog-category-page .sv-blog-card__content,
  body.savini .blog-category-page .product-layout.product-grid .sv-blog-card__content {
    padding: 10px;
  }

  body.savini .sv-blog-card__title a {
    height: calc(1.3em * 2);
    font-size: 22px;
  }

  body.savini .blog-category-page .sv-blog-card__desc {
    height: calc(1.55em * 3);
    font-size: 15px;
    line-height: 1.55;
  }

  body.savini .blog-category-page .product-layout.product-grid .sv-blog-card__title a,
  body.savini .blog-page #content h3 + .row .product-thumb .caption h4 a,
  body.savini .blog-article-page .sv-blog-related-grid .sv-blog-card__title a {
    font-size: 20px;
    height: auto;
    max-height: calc(1.35em * 2);
  }

  body.savini .blog-category-page .product-layout.product-grid .sv-blog-card__desc,
  body.savini .blog-page #content h3 + .row .product-thumb .caption p,
  body.savini .blog-article-page .sv-blog-related-grid .sv-blog-card__desc {
    font-size: 16px;
    height: auto;
    max-height: calc(1.55em * 3);
  }

  body.savini .blog-category-page .product-layout.product-grid .sv-blog-card__btn a,
  body.savini .blog-page #content h3 + .row .sv-blog-card__btn a,
  body.savini .blog-article-page .sv-blog-related-grid .sv-blog-card__btn a {
    font-size: 18px;
    margin-top: 7px;
  }

  body.savini .blog-page #content h3 + .row .product-thumb.transition,
  body.savini .blog-page #content h3 + .row .product-thumb {
    padding: 10px;
  }

  body.savini .blog-page #content > h3 {
    font-size: 20px;
    border-bottom: 1px solid var(--sv-bdr);
  }

  body.savini .sv-blog-card__meta {
    align-items: center;
  }

  body.savini .sv-blog-card__date {
    margin-left: auto;
    text-align: right;
  }

  body.savini .blog-article-page .sv-related-article-card__content {
    padding: 14px;
  }

  body.savini .blog-article-page .sv-related-article-card__title a {
    font-size: 18px;
  }

  body.savini .blog-article-page .sv-related-article-card__desc {
    font-size: 13px;
  }
  
  body.savini .blog-category-page #content.showcase-list > .row {
    margin-left: -7px;
    margin-right: -7px;
  }

  body.savini .blog-category-page .sv-blog-card__content {
    padding: 14px;
  }

  body.savini .blog-category-page .sv-blog-card__title a {
    font-size: 20px;
  }

  body.savini .blog-category-page .sv-blog-card__desc {
    font-size: 15px;
    line-height: 1.55;
  }

  body.savini .blog-category-page .sv-blog-card__btn a {
    font-size: 13px;
  }

  body.savini .blog-article-page .sv-related-articles,
  body.savini .blog-article-page .sv-blog-related-grid {
    margin-left: -7px;
    margin-right: -7px;
  }

  body.savini .blog-article-page .sv-related-articles > [class*="col-"],
  body.savini .blog-article-page .sv-blog-related-grid > [class*="col-"] {
    padding-left: 2px;
    padding-right: 2px;
    margin-bottom: 10px;
  }
}

/* category card secondary image */
.sv-card-media{
  position:relative;
}

.sv-card-media__link{
  display:block;
  position:relative;
  overflow:hidden;
}

.sv-card-media__track.is-gallery{
  display:block;
  width:100%;
  transform:translate3d(0,0,0);
  transition:none;
}

.sv-card-media__slide{
  display:block;
  width:100%;
}

.sv-card-media__track.is-gallery .sv-card-media__slide{
  width:100%;
}

.sv-card-media__track.is-gallery .sv-card-media__slide + .sv-card-media__slide{
  position:absolute;
  inset:0;
  z-index:2;
  transform:translate3d(-100%,0,0);
  transition:transform .38s ease;
  pointer-events:none;
}

.sv-card-media__img{
  display:block;
  width:100%;
  height:auto;
}

.sv-card-media__progress{
  position:absolute;
  left:0px;
  right:0px;
  bottom:0;
  height:2px;
  background:rgba(0,0,0,.12);
  z-index:3;
  overflow:hidden;
  pointer-events:none;
}

.sv-card-media__progress-bar{
  display:block;
  width:50%;
  height:100%;
  background:rgba(0,0,0,.72);
  transform:translate3d(0,0,0);
  transition:transform .28s ease;
}

@media (hover:hover) and (pointer:fine){
  .sv-card-media.has-secondary:hover .sv-card-media__track.is-gallery{
    transform:none;
  }

  .sv-card-media.has-secondary:hover .sv-card-media__track.is-gallery .sv-card-media__slide + .sv-card-media__slide{
    transform:translate3d(0,0,0);
  }

  .sv-card-media.has-secondary:hover .sv-card-media__progress-bar{
    transform:translate3d(100%,0,0);
  }
}

@media (max-width: 767px){
  .sv-card-media__track.is-gallery{
    display:flex;
    width:200%;
    transition:transform .24s ease;
    will-change:transform;
  }

  .sv-card-media__slide{
    flex:0 0 100%;
    width:100%;
  }

  .sv-card-media__track.is-gallery .sv-card-media__slide{
    position:relative;
    inset:auto;
    flex:0 0 50%;
    width:50%;
    transform:none;
    transition:none;
    pointer-events:auto;
  }

  .sv-card-media__track.is-gallery .sv-card-media__slide + .sv-card-media__slide{
    position:relative;
    inset:auto;
    left:auto;
    right:auto;
    top:auto;
    bottom:auto;
    z-index:auto;
    flex:0 0 50%;
    width:50%;
    transform:none;
    transition:none;
    pointer-events:auto;
  }
}