body {
    margin: 0;
    padding: 0;
    font: 14px Telex, Arial;
    background: #f0f0f0;
    background-image: url("https://magazinproduse-fonta.ro/catalog/view/theme/eliteshop/image/bg.jpg");
    color: #282525;
}

img {
    border: none
}

ul {
    margin-left: -40px;
}

.clear {
    clear: both;
}

a {
    color: #ff0505;
    text-decoration: none;
    outline: 0;
    cursor: pointer;
    font-weight: bold; /* Slightly bolder font */
}

a:hover {
    color: #848484;
    text-decoration: none;
}

li {
    list-style-type: none;
}

.none {
    display: block;
}

#telefon {
    position: absolute;
    right: 0px;
    bottom: 30px;
    font-size: 24px;
    color: #fff;
    letter-spacing: .1em;
    font-family: Georgia, "Times New Roman", Times, serif
}

h1 {
    font-size: 51px;
    margin: 0;
    padding: 0
}

h2 {
    font-size: 39px;
    margin: 0;
    padding: 0
}

h3 {
    font-size: 30px;
    margin: 0;
    padding: 0
}

h4 {
    font-size: 23px;
    margin: 0;
    padding: 0
}

h5 {
    font-size: 18px;
    margin: 0;
    padding: 0
}

h6 {
    font-size: 14px;
    margin: 0;
    padding: 0
}

input {
    padding: 6px;
    font-size: 14px;
    background: #efefef;
    border: 1px solid #ddd;
    color: #363636;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

#button-cart {
    padding: 0;
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

select {
    color: #363636;
    background: #fff;
    font-size: 10px;
    padding: 2px 0 0 0;
    border: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: inset 0 0 12px #ddd;
    -webkit-box-shadow: inset 0 0 12px #ddd;
    box-shadow: inset 0 0 12px #ddd
}

#button-cart:hover,
#checkout-button:hover,
.home-box a:hover,
.home-box2 img:hover,
.latest a:hover,
a.button:hover {
    opacity: .8
}

#bg-header {
    height: 145px;
    background-color: #21546c /*#346375*/;
    position: absolute;
    top: 33px;
    width: 100%
}

#main {
    width: 930px;
    padding: 0;
    margin: 0 auto
}

#header {
    width: 100%;
    position: relative
}

#header-left {
    float: left;
    background-color: #f68428;
    margin-left: 0;
    height: 194px;
    width: 213px;
    border-bottom: 0 solid #ff1212
}

#header-right {
    float: right;
    width: 705px
}

#header-right-level1 {
    margin-top: 7px;
    height: 33px
}

#welcome-top {
    margin-top: 2px;
    margin-left: 10px;
    float: left;
    font-size: 18px;
    color: #530b0b;
    text-shadow: 1px 1px #fff
}

#logo {
    overflow: auto
}

#logo img {
    margin: 40px 0 0 14px;
}

#cart-widget {
    margin-top: 2px;
    margin-left: 30px;
    float: right;
    font-size: 11px;
    color: #f00;
    font-weight: 400
}

#cart-widget #cart_total {
    margin: 0 0 0 3px;
    float: right
}

#cart-widget a {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase
}

#top-menu {
    margin-top: 10px;
    margin-left: 15px;
    float: left;
    width: 300px
}

#top-menu a {
    line-height: 21px;
    color: #fff;
    font-size: 15px
}

#top-menu-1 {
    float: left;
    width: 100px
}

#top-menu-2 {
    float: left;
    width: 100px
}

.search-field {
    float: right;
    margin-top: 35px;
    width: 245px;
    height: 48px;
    background-image: url("https://magazinproduse-fonta.ro/catalog/view/theme/eliteshop/image/search.png");
    background-repeat: no-repeat;
    overflow: auto
}

.search-field input {
    float: left;
    font-size: 11px;
    color: #b0b0b0;
    width: 160px;
    margin: 14px 0 0 8px;
    border: none;
    background: 0 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.button-search {
    float: left;
    cursor: pointer;
    width: 45px;
    height: 45px
}

#notification {
    position: absolute;
    top: 54%;
    left: 56%;
    width: 300px;
    margin-left: -150px;
    padding: 10px;
    z-index: 1000
}

#account-account #categories,
#account-forgotten #categories,
#account-login #categories,
#account-newsletter #categories,
#account-order #categories,
#account-register #categories,
#account-return #categories {
    display: block
}

#categories span.box-heading {
    margin-bottom: 4px;
    font-size: 32px
}

.box .box-heading {
    font-size: 16px;
}
#categories {
    float: left;
    width: 190px;
    margin: 0 0 15px 0;
    display: block
}

#categories ul,
#categories ul ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    list-style-position: outside;
    position: relative;
    font-size: 14px
}

#categories ul a:active,
#categories ul a:link,
#categories ul a:visited {
    display: block;
    padding: 0;
    color: #000;
    text-decoration: none
}

#categories ul a:hover {
    color: #767676
}

#categories ul ul a:active,
#categories ul ul a:link,
#categories ul ul a:visited {
    display: block;
    padding: 0 0 0 5px;
    text-decoration: none
}

#categories ul li {
    float: left;
    display: block;
    width: 196px;
    margin-bottom: 5px;
    padding: 8px 5px 8px 9px;
    background: #f1f1f1;
    position: relative
}

#categories ul li ul li:hover {
    background: #f4f4f4
}

#categories ul ul {
  position: absolute;
  background: #f1f1f1;
  border-left: 1px solid #e8755c;
  padding: 6px 10px 10px; /* Simplified padding */
  top: -1px;
  left: 210px;
  z-index: 1001;
  display: block;
  box-shadow: 4px 4px 0 0 #e0e0e0;
  -moz-box-shadow: 4px 4px 0 0 #e0e0e0; /* For older Firefox versions */
  -webkit-box-shadow: 4px 4px 0 0 #e0e0e0;
}

#categories ul li ul a {
    width: 150px;
    float: left
}

#categories ul ul ul {
    top: auto
}

#categories ul ul ul:hover {
    width: 170px
}

#categories ul li ul ul {
    left: 140px;
    top: 0;
    margin: 0
}

#categories ul li ul li {
    padding: 6px 0 6px 0;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    position: relative;
    margin: 0 20px 0 0;
    width: 172px;
    border: 0 solid #fff;
    list-style-type: none;
    text-transform: capitalize
}

#categories ul li:hover ul ul,
ul li:hover ul ul ul,
ul li:hover ul ul ul ul {
    display: block
}

#categories ul li li li li:hover ul,
#categories ul li li li:hover ul,
#categories ul li li:hover ul,
#categories ul li:hover ul {
    display: block
}

#welcome {
    text-align: center;
    color: #000;
    font: 70px BebasNeueRegular;
    text-shadow: 1px 1px 0 #fff;
    margin: 0
}

#welcome-description {
    text-align: center;
    margin-bottom: 20px;
    font-size: 20px;
    color: #000;
    text-shadow: 1px 1px 0 #fff
}

#left-column {
    width: 213px;
    float: left;
    margin-top: 10px
}

#account-account #left-column .box,
#account-forgotten #left-column .box,
#account-login #left-column.box,
#account-newsletter #left-column .box,
#account-order #left-column.box,
#account-register #left-column.box,
#account-return #left-column.box {
    margin-top: 0
}

#left-column .box {
    margin-top: 16px;
    height: auto
}

#left-column.box-heading {
    font-size: 24px;
    text-transform: uppercase;
    color: #f4f4f4;
    padding: 2px 4px 1px 4px;
    background: #ff1212
}

#left-column.box-content {
    padding: 7px 0 11px 0
}

#left-column ul {
    margin-top: 0
}

#left-column.box li {
    padding: 5px;
    background: #f1f1f1;
    border: 1px solid #fff;
    margin-bottom: 5px;
    margin-left: 0;
    font-size: 12px
}

#left-column.box ul li ul li {
    padding: 0 5px 0 0;
    width: 180px;
    margin-left: 10px;
    border: none;
    font-size: 10px
}

#left-column.box ul li ul li a {
    font-size: 10px
}

#right-column {
    float: left;
    margin-left: 30px;
    width: 687px;
    height: 1275px
}

.special-item {
    margin: 3px 0 5px 0;
    padding: 9px 0 9px 10px;
    background: #f1f1f1;
    border: 1px solid #fff
}

.special-box-container {
    float: left;
    margin: 0 12px 0 0
}

.special-box-container,
.special-box-image {
    width: 30px;
    height: 40px;
    display: block
}

.special-box-title {
    width: 142px;
    float: left;
    margin-top: 3px
}

.special-box-price {
    margin-top: 3px;
    display: block
}

#container {
  padding: 25px 0 25px 0;
  display: block;
  min-height: 1000px;
}

#content {
    width: 100%;
    float: left;
    line-height: 1.5em;
    font-size: 12px
}

#products-listing {
    height: 95vh;
}

#content p {
    text-shadow: 0px 0px 0 #fff
}

#content p a {
    text-shadow: 0px 0px 0 #fff
}

.product-details {
    text-shadow: 0px 0px 0 #fff
}

#content p {
    line-height: 1.5em
}

#container #right-column #content {
    height: 100vh;
    overflow-y: auto;
    scrollbar-width: none;
}

#account-account.content ul {
    margin-top: 0
}

#account-account.content ul li {
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #dedede
}

#account-account.content {
    padding: 0 0 5px 5px;
    margin-bottom: 0
}

#home-boxes {
    width: 105%;
    margin: 5px 0 0 0
}

.home-box {
  padding: 1px;
  border: 1px solid #dedede;
  background: #f1f1f1;
  display: inline-block; /* Use inline-block for better layout control */
  margin: 0 22px 27px 0;
  position: relative;
}

.home-box-img {
  float: left;
  padding: 7px;
  border: 1px solid #e9e9e9;
}

.home-box-title {
  position: absolute;
  top: 20px;
  left: 10px;
  padding: 4px;
  background-color: red;
  color: #fff;
  font-family: BebasNeueRegular;
  font-size: 15px;
  text-shadow: 1px 1px 0 #2d2d2d;
}

.base-title {
  padding: 5px; /* Consistent padding all around */
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  margin: 12px 0 16px 0;
  background-image: url("https://magazinproduse-fonta.ro/catalog/view/theme/eliteshop/image/pattern1.png"), url("https://magazinproduse-fonta.ro/catalog/view/theme/eliteshop/image/pattern1.png");
  background-repeat: repeat-x;
  background-position: top left, bottom left;
  font-family: "Arial Black", Tahoma;
}

.frontpage-title {
  /* Inherits from base-title */
  color: #626262;
  font-size: 18px;
}

.general-title {
  /* Inherits from base-title */
  color: #bdbdbd;
  font-size: 18px;
  padding: 5px 0; /* Remove left padding */
}

.latest {
    float: left;
    margin: 0 16px 14px 0;
    padding: 1px;
    border: 1px solid #999;
    text-align: center;
    height: 265px;
    background-color: #fff
}

.latest-child {
    padding: 5px;
    border: 1px solid #e9e9e9
}

.latest a {
    display: block;
    width: 195px;
    height: 185px;
    margin: 0 4px; /* Top/bottom: 0, right/left: 4px */
    background-repeat: no-repeat;
    padding: 0;
}

.latest.name {
    position: absolute;
    height: 60px;
    width: 195px;
    text-align: center;
    overflow: auto;
    font-family: Tahoma, sans-serif;
    padding-top: 10px
}

#account-account h2,
#account-forgotten h2,
#account-login h2,
#account-newsletter h2,
#account-order h2,
#account-register h2,
#account-return h2 {
    font-size: 18px;
    margin: 22px 0 0 5px;
}

.pagination {
    margin-top: 3px;
    margin-bottom: 15px;
    text-align: center;
    font-size: 19px;
    color: #bfbfbf;
    font-family: BebasNeueRegular
}

.box-container {
    float: left;
    margin: 0 19px 21px 0;
    padding: 1px;
    border: 1px solid #dedede;
    background-color: #fff;
}

.box-container {
    height: 294px;
    width: 154px;
    text-align: center
}

.box-container.name a {
    font-weight: 700;
    color: #fff;
    padding: 2px 4px;
    overflow: auto;
    height: 37px
}

.box-container.name {
    background-color: red;
    position: relative;
    height: 38px;
    text-shadow: 1px 1px 0 #222;
    overflow: auto;
    padding-right: 2px;
    padding-left: 2px
}

.page-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.price-amount {
    font-size: 28px;
    font-weight: bold;
    color: #000;
}

.price-old {
    text-decoration: line-through;
    font-weight: bold;
    color: #ff502d;
}

.box-price-amount-old {
    text-decoration: line-through;
    font-size: 14px;
    font-weight: 700;
    color: #f00;
    background-color: #346375;
    display: block;
    padding: 2px
}

.box-price-amount {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background-color: #21546c; /*#346375 */
    display: block;
    padding: 2px
}

.image-child a {
    width: 300px; /* or a specific width, like 40% */
    margin-right: 10px;
    height: 300px; /* Allows it to adapt to its parent container */
}

.box-price-amount-special {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    display: block;
    background-color: #21546c; /*#346375 */
    padding: 2px;
}

.box-image {
    height: 175px;
    width: 138px
}

.box-image {
    display: block;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.box-title {
    display: inherit;
    text-align: center;
    text-shadow: 0px 0px 0 #222;
    color: #f4f4f4;
    background-color: red;
    background-image: none;
    font-family: Tahoma, sans-serif;
    font-size: 12px;
    font-weight: 700
}

.box-bottom {
    padding: 9px 0 5px 0;
    width: 100%
}

.information .close {
    float: right;
    padding-top: 4px;
    padding-right: 4px;
    cursor: pointer
}

.button {
  margin-right: 5px;
  display: inherit;
  font-size: 14px;
  line-height: 10px;
  color: #f4f4f4;
  padding: 6px 20px 5px 20px;
  outline: none;
  border: none;
  cursor: pointer;
  text-align: center;
  float: right;
  background: #ff1212;
  border-radius: 5px;
  text-shadow: none;
}

input.button {
    margin-right: 5px;
    display: block;
    font-size: 10px;
    line-height: 10px;
    color: #f4f4f4;
    padding: 2px 20px 4px 20px;
    outline: 0;
    border: none;
    cursor: pointer;
    text-align: center;
    float: right;
    background: #ff1212;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-shadow: none
}

a.button:hover,
input.button:hover {
    background: #da715a
}

#checkout-button {
    width: 164px;
    height: 43px;
    display: block;

    background-image: url("https://magazinproduse-fonta.ro/catalog/view/theme/eliteshop/image/checkout.png")
}

.search-field2 {
    width: 350px;
    background: #fff;
    height: 35px;
    font-size: 18px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.title {
    font-size: 12px;
    width: 730px;
    color: #313131;
    font-weight: 700;
    padding: 3px 0 3px 6px;
    margin-bottom: 7px;
    text-transform: uppercase;
    margin-bottom: 7px
}

.box-product {
    width: 100%;
    overflow: auto
}


.box-product.name a {
    color: #38b0e3;
    font-weight: 700;
    text-decoration: none;
    display: inherit;
    margin-bottom: 4px
}

.box-product.price {
    display: inherit;
    font-weight: 700;
    color: #333;
    margin-bottom: 4px
}

.box-category ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.box-category>ul>li>a {
    text-decoration: none
}

.box-category>ul>li ul {
    display: block
}

.box-category>ul>li ul>li {
    padding: 5px 5px 0 10px
}

.box-category>ul>li ul>li>a {
    text-decoration: none;
    display: block
}

.box-category ul li ul {
    margin: 5px 0 0 0 !important
}

#content.content {
    padding: 10px;
    overflow: auto;
    margin-bottom: 20px
}

#content.content.left {
    float: left;
    width: 49%
}

#content.content.right {
    float: right;
    width: 49%
}

.product-info {
    display: flex;
    align-items: flex-start; /* Aligns children at the top */
}

.productcol {
    width: auto;
}

.product-filter {
    margin-bottom: 24px;
    padding: 7px 0 7px 0;
    overflow: auto;
    background-image: url("https://magazinproduse-fonta.ro/catalog/view/theme/eliteshop/image/pattern1.png"), url("https://magazinproduse-fonta.ro/catalog/view/theme/eliteshop/image/pattern1.png");
    background-repeat: repeat-x;
    background-position: top left, bottom left;
    width: 100%
}

.product-filter.display {
    margin-right: 15px;
    float: left;
    padding-top: 4px;
    color: #707070
}

.product-filter.display a {
    font-weight: 700
}

.trigger-title {
    width: 99%;
    margin: 22px 0 15px 0;
    font: 20px Arial;
    padding: 5px 0 5px 0;
    color: #bdbdbd;
    background-image: url("https://magazinproduse-fonta.ro/catalog/view/theme/eliteshop/image/pattern1.png"), url("https://magazinproduse-fonta.ro/catalog/view/theme/eliteshop/image/pattern1.png");
    background-repeat: repeat-x;
    background-position: top left, bottom left
}

.trigger-title a {
    color: #600
}

.product-description ul li {
    list-style-type: disc
}

.product-description p {
    margin-top: 0
}

.cart .quantity {
    float: left;
    margin-top: 6px
}

.cart .quantity input,
.quantity input {
    text-align: center;
    padding: 7px 0 7px 0
}

#button-cart {
    width: 164px;
    height: 43px;
    float: right;
    margin-right: 10px;
    background-image: url("https://magazinproduse-fonta.ro/catalog/view/theme/eliteshop/image/add-to-cart.png");
    background-repeat: no-repeat;
    display: block;
    cursor: pointer
}

.login-content {
    margin-bottom: 20px;
    overflow: auto
}

.login-content.left {
    float: left;
    width: 232px;
    margin-top: 10px
}

a.button#button-review {
    float: left;
}

.login-content .right {
    float: right;
    width: 200px;
    margin-right: 80px;
    margin-top: 10px
}

.login-content .left .content,
.login-content .right .content {
    min-height: 190px;
    padding: 0 100px 10px 10px
}

.login-content #login .button {
    margin-right: 30px
}

.manufacturer-heading {
    font-size: 30px;
    color: #cbcbcb
}

.return-product {
    overflow: auto;
    margin-bottom: 20px
}

.return-name {
    float: left;
    width: 33.3%
}

.return-quantity {
    float: left;
    width: 33.3%
}

#checkout-cart .image {
    width: 49px
}

#checkout-cart .cart-image {
    padding: 3px
}

#checkout-cart.cart-image a {
    display: block;
    width: 30px;
    height: 50px
}

.cart-module>div {
    display: block
}

.box-content ul li a {
    font-size: 16px;
}

.cart-module .cart-heading {
    border: 1px solid #dedede;
    padding: 8px 8px 8px 22px;
    font-weight: 700;
    font-size: 12px;
    color: #686868;
    margin-bottom: 15px;
    cursor: pointer;
    background: #e7e7e7 url("https://magazinproduse-fonta.ro/catalog/view/theme/eliteshop/image/arrow-right.png") 10px 50% no-repeat
}

.cart-module .cart-content {
    padding: 0 0 15px 0;
    display: block;
    overflow: auto
}

.cart-total {
    border-top: 1px solid #dfdfdf;
    padding-top: 8px;
    margin-bottom: 15px
}

.checkout-heading {
    background: #f4f4f4;
    border: 1px solid #fff;
    padding: 8px;
    font-weight: 700;
    font-size: 12px;
    color: #686868;
    margin-bottom: 15px
}

.checkout-heading a {
    float: right;
    margin-top: 1px;
    font-weight: 400;
    text-decoration: none;
    color: #aaa;
    text-transform: uppercase;
    font-size: 10px
}

.checkout-content {
    padding: 0 0 15px 0;
    display: block;
    overflow: auto
}

#checkout-checkout .checkout-content h2 {
    font-size: 18px
}

.checkout-content .left {
    float: left;
    width: 48%
}

.checkout-content .right {
    float: right;
    width: 48%
}

#information-contact #content input {
    padding: 8px
}

#footer {
    position: fixed;
    margin-top: auto;
    width: 100%;
    padding: 20px 0 0 0;
    text-shadow: 1px 1px #000;
    color: #e3e3e3;
    border-top: 3px solid #2b2b2b;
    font-size: 12px;
    display: block;
    z-index: 999;
    background-color: #3a3a3a;
    background-image: url("https://magazinproduse-fonta.ro/catalog/view/theme/eliteshop/image/bg-footer.png")
}

#footer-center {
    margin: 0 auto;
    width: 900px
}

#footer a {
    color: #e3e3e3
}

#footer a:hover {
    text-decoration: underline
}

#footer ul {
    margin-top: 0
}

#footer-column1 {
    margin: 0 0 0 5px;
    width: 240px;
    float: left;
    line-height: 1.6em
}

#footer-column2 {
    margin: 0 0 0 62px;
    float: left;
    width: 140px
}

#footer-column3 {
    margin: 0 0 0 62px;
    float: left;
    width: 380px;
    line-height: 1.6em
}

#footer h3,
#footer h3 a {
    margin: 12px 0 9px -1px;
    font-size: 18px;
    font-weight: 400;
    padding: 3px 0 2px 0
}

#map-image {
    border: 3px solid #2d2d2d;
    margin-top: 7px;
    float: left
}

#contact-details {
    float: left;
    width: 225px;
    margin-left: 15px
}

#footer-column1 li,
#footer-column2 li,
#footer-column3 li {
    padding: 5px 0 5px 0
}

#footer-bottom {
    background-image: url("https://magazinproduse-fonta.ro/catalog/view/theme/eliteshop/image/bg-footer-bottom.png");
    background-repeat: repeat-x;
    padding: 9px 0 7px 0;
    color: silver;
    margin-top: 20px;
    font-size: 10px;
    text-align: center
}

#footer-bottom a {
    color: silver
}