/*h3.h3{text-align:center;margin:1em;text-transform:capitalize;font-size:1.7em;}*/

@media (min-width: 768px)
{
    .col-md-5 {
        margin-bottom:30px;
    }      
}




/********************* Shopping Demo-2 **********************/
.demo{padding:45px 0}
.product-grid2{ position:relative}
.product-grid2 .product-image2{overflow:hidden;position:relative}
.product-grid2 .product-image2 a{display:block}
.product-grid2 .product-image2 img{width:100%;height:auto}
.product-image2 .pic-1{opacity:1;transition:all .5s}
.product-grid2:hover .product-image2 .pic-1{opacity:0}
.product-image2 .pic-2{width:100%;height:100%;opacity:0;position:absolute;top:0;left:0;transition:all .5s}
.product-grid2:hover .product-image2 .pic-2{opacity:1}
.product-grid2 .social{padding:0;margin:0;position:absolute;bottom:50px;right:25px;z-index:1}
.product-grid2 .social li{margin:0 0 10px;display:block;transform:translateX(100px);transition:all .5s}
.product-grid2:hover .social li{transform:translateX(0)}
.product-grid2:hover .social li:nth-child(2){transition-delay:.15s}
.product-grid2:hover .social li:nth-child(3){transition-delay:.25s}
.product-grid2 .social li a{color:#505050;background-color:#fff;font-size:17px;line-height:45px;text-align:center;height:45px;width:45px;border-radius:50%;display:block;transition:all .3s ease 0s}
.product-grid2 .social li a:hover{color:#fff;background-color:#3498db;box-shadow:0 0 10px rgba(0,0,0,.5)}
.product-grid2 .social li a:after,.product-grid2 .social li a:before{content:attr(data-tip);color:#fff;background-color:#000;font-size:12px;line-height:22px;border-radius:3px;padding:0 5px;white-space:nowrap;opacity:0;transform:translateX(-50%);position:absolute;left:50%;top:-30px}
.product-grid2 .social li a:after{content:'';height:15px;width:15px;border-radius:0;transform:translateX(-50%) rotate(45deg);top:-22px;z-index:-1}
.product-grid2 .social li a:hover:after,.product-grid2 .social li a:hover:before{opacity:1}
.product-grid2 .add-to-cart{color:#fff;background-color:#404040;font-size:15px;text-align:center;width:100%;padding:10px 0;display:block;position:absolute;left:0;bottom:-100%;transition:all .3s}
.product-grid2 .add-to-cart:hover{background-color:#3498db;text-decoration:none}
.product-grid2:hover .add-to-cart{bottom:0}
.product-grid2 .product-new-label{background-color:#3498db;color:#fff;font-size:17px;padding:5px 10px;position:absolute;right:0;top:0;transition:all .3s}
.product-grid2:hover .product-new-label{opacity:0}
.product-grid2 .product-content{padding:20px 10px;text-align:center}
.product-grid2 .title{font-size:17px;margin:0 0 7px}
.product-grid2 .title a{color:#303030}
.product-grid2 .title a:hover{color:#3498db}
.product-grid2 .price{color:#303030;font-size:15px}
@media screen and (max-width:990px){.product-grid2{margin-bottom:30px}
}

/********************* Shopping Demo-3 **********************/
.product-grid3{font-family:Roboto,sans-serif;text-align:center;position:relative;z-index:1}
.product-grid3:before{content:"";height:81%;width:100%;background:#fff;border:1px solid rgba(0,0,0,.1);opacity:0;position:absolute;top:0;left:0;z-index:-1;transition:all .5s ease 0s}
.product-grid3:hover:before{opacity:1;height:100%}
.product-grid3 .product-image3{position:relative}
.product-grid3 .product-image3 a{display:block}
.product-grid3 .product-image3 img{width:100%;height:auto}
.product-grid3 .pic-1{opacity:1;transition:all .5s ease-out 0s}
.product-grid3:hover .pic-1{opacity:0}
.product-grid3 .pic-2{position:absolute;top:0;left:0;opacity:0;transition:all .5s ease-out 0s}
.product-grid3:hover .pic-2{opacity:1}
.product-grid3 .social{width:120px;padding:0;margin:0 auto;list-style:none;opacity:0;position:absolute;right:0;left:0;bottom:-23px;transform:scale(0);transition:all .3s ease 0s}
.product-grid3:hover .social{opacity:1;transform:scale(1)}
.product-grid3:hover .product-discount-label,.product-grid3:hover .product-new-label,.product-grid3:hover .title{opacity:0}
.product-grid3 .social li{display:inline-block}
.product-grid3 .social li a{color:#e67e22;background:#fff;font-size:18px;line-height:50px;width:50px;height:50px;border:1px solid rgba(0,0,0,.1);border-radius:50%;margin:0 2px;display:block;transition:all .3s ease 0s}
.product-grid3 .social li a:hover{background:#e67e22;color:#fff}
.product-grid3 .product-discount-label,.product-grid3 .product-new-label{background-color:#e67e22;color:#fff;font-size:17px;padding:2px 10px;position:absolute;right:10px;top:10px;transition:all .3s}
.product-grid3 .product-content{z-index:-1;padding:15px;text-align:left}
.product-grid3 .title{font-size:14px;text-transform:capitalize;margin:0 0 7px;transition:all .3s ease 0s}
.product-grid3 .title a{color:#414141}
.product-grid3 .price{color:#000;font-size:16px;letter-spacing:1px;font-weight:600;margin-right:2px;display:inline-block}
.product-grid3 .price span{color:#909090;font-size:14px;font-weight:500;letter-spacing:0;text-decoration:line-through;text-align:left;display:inline-block;margin-top:-2px}
.product-grid3 .rating{padding:0;margin:-22px 0 0;list-style:none;text-align:right;display:block}
.product-grid3 .rating li{color:#ffd200;font-size:13px;display:inline-block}
.product-grid3 .rating li.disable{color:#dcdcdc}
@media only screen and (max-width:1200px){.product-grid3 .rating{margin:0}
}
@media only screen and (max-width:990px){.product-grid3{margin-bottom:30px}
.product-grid3 .rating{margin:-22px 0 0}
}
@media only screen and (max-width:359px){.product-grid3 .rating{margin:0}
}

/********************* Shopping Demo-4 **********************/
.product-grid4,.product-grid4 .product-image4{position:relative}
.product-grid4{ text-align:center;border-radius:5px;overflow:hidden;z-index:1;transition:all .3s ease 0s}
.product-grid4:hover{box-shadow:0 0 10px rgba(0,0,0,.2)}
.product-grid4 .product-image4 a{display:block}
.product-grid4 .product-image4 img{width:100%;height:auto}
.product-grid4 .pic-1{opacity:1;transition:all .5s ease-out 0s}
.product-grid4:hover .pic-1{opacity:0}
.product-grid4 .pic-2{position:absolute;top:0;left:0;opacity:0;transition:all .5s ease-out 0s}
.product-grid4:hover .pic-2{opacity:1}
.product-grid4 .social{width:180px;padding:0;margin:0 auto;list-style:none;position:absolute;right:0;left:0;top:50%;transform:translateY(-50%);transition:all .3s ease 0s}
.product-grid4 .social li{display:inline-block;opacity:0;transition:all .7s}
.product-grid4 .social li:nth-child(1){transition-delay:.15s}
.product-grid4 .social li:nth-child(2){transition-delay:.3s}
.product-grid4 .social li:nth-child(3){transition-delay:.45s}
.product-grid4:hover .social li{opacity:1}
.product-grid4 .social li a{color:#222;background:#fff;font-size:17px;line-height:36px;width:40px;height:36px;border-radius:2px;margin:0 5px;display:block;transition:all .3s ease 0s}
.product-grid4 .social li a:hover{color:#fff;background:#16a085}
.product-grid4 .social li a:after,.product-grid4 .social li a:before{content:attr(data-tip);color:#fff;background-color:#000;font-size:12px;line-height:20px;border-radius:3px;padding:0 5px;white-space:nowrap;opacity:0;transform:translateX(-50%);position:absolute;left:50%;top:-30px}
.product-grid4 .social li a:after{content:'';height:15px;width:15px;border-radius:0;transform:translateX(-50%) rotate(45deg);top:-22px;z-index:-1}
.product-grid4 .social li a:hover:after,.product-grid4 .social li a:hover:before{opacity:1}
.product-grid4 .product-discount-label,.product-grid4 .product-new-label{color:#fff;background-color:#16a085;font-size:13px;font-weight:800;text-transform:uppercase;line-height:45px;height:45px;width:45px;border-radius:50%;position:absolute;left:10px;top:15px;transition:all .3s}
.product-grid4 .product-discount-label{left:auto;right:10px;background-color:#d7292a}
.product-grid4:hover .product-new-label{opacity:0}
.product-grid4 .product-content{padding:25px}
.product-grid4 .title{font-size:15px;font-weight:400;text-transform:capitalize;margin:0 0 7px;transition:all .3s ease 0s}
.product-grid4 .title a{color:#222}
.product-grid4 .title a:hover{color:#16a085}
.product-grid4 .price{color:#16a085;font-size:17px;font-weight:700;margin:0 2px 15px 0;display:block}
.product-grid4 .price span{color:#909090;font-size:13px;font-weight:400;letter-spacing:0;text-decoration:line-through;text-align:left;vertical-align:middle;display:inline-block}
.product-grid4 .add-to-cart{border:1px solid #e5e5e5;display:inline-block;padding:10px 20px;color:#888;font-weight:600;font-size:14px;border-radius:4px;transition:all .3s}
.product-grid4:hover .add-to-cart{border:1px solid transparent;background:#16a085;color:#fff}
.product-grid4 .add-to-cart:hover{background-color:#505050;box-shadow:0 0 10px rgba(0,0,0,.5)}
@media only screen and (max-width:990px){.product-grid4{margin-bottom:30px}
}

/********************* Shopping Demo-5 **********************/
.product-image5 .pic-1,.product-image5 .pic-2{backface-visibility:hidden;transition:all .5s ease 0s}
.product-grid5{ position:relative}
.product-grid5 .product-image5{overflow:hidden;position:relative}
.product-grid5 .product-image5 a{display:block}
.product-grid5 .product-image5 img{width:100%;height:auto}
.product-image5 .pic-1{opacity:1}
.product-grid5:hover .product-image5 .pic-1{opacity:0}
.product-image5 .pic-2{width:100%;height:100%;opacity:0;position:absolute;top:0;left:0}
.product-grid5:hover .product-image5 .pic-2{opacity:1}
.product-grid5 .social{padding:0;margin:0;position:absolute;top:10px;right:10px}
.product-grid5 .social li{display:block;margin:0 0 10px;transition:all .5s}
.product-grid5 .social li:nth-child(2){opacity:0;transform:translateY(-50px)}
.product-grid5:hover .social li:nth-child(2){opacity:1;transform:translateY(0)}
.product-grid5 .social li:nth-child(3){opacity:0;transform:translateY(-50px)}
.product-grid5:hover .social li:nth-child(3){opacity:1;transform:translateY(0);transition-delay:.2s}
.product-grid5 .social li a{color:#888;background:#fff;font-size:14px;text-align:center;line-height:40px;height:40px;width:40px;border-radius:50%;display:block;transition:.5s ease 0s}
.product-grid5 .social li a:hover{color:#fff;background:#1e3799}
.product-grid5 .select-options{color:#777;background-color:#fff;font-size:13px;font-weight:400;text-align:center;text-transform:uppercase;padding:15px 5px;margin:0 auto;opacity:0;display:block;position:absolute;width:92%;left:0;bottom:-100px;right:0;transition:.5s ease 0s}
.product-grid5 .select-options:hover{color:#fff;background-color:#1e3799;text-decoration:none}
.product-grid5:hover .select-options{opacity:1;bottom:10px}
.product-grid5 .product-content{padding:20px 10px}
.product-grid5 .title{font-size:15px;font-weight:600;text-transform:capitalize;margin:0 0 10px;transition:all .3s ease 0s}
.product-grid5 .title a{color:#222}
.product-grid5 .title a:hover{color:#1e3799}
.product-grid5 .price{color:#222;font-size:13px;font-weight:500;letter-spacing:1px}
@media only screen and (max-width:990px){.product-grid5{margin-bottom:30px}
}

/********************* Shopping Demo-6 **********************/
.product-grid6,.product-grid6 .product-image6{overflow:hidden}
.product-grid6{ text-align:center;position:relative;transition:all .5s ease 0s}
.product-grid6:hover{box-shadow:0 0 10px rgba(0,0,0,.3)}
.product-grid6 .product-image6 a{display:block}
.product-grid6 .product-image6 img{width:100%;height:auto;transition:all .5s ease 0s}
.product-grid6:hover .product-image6 img{transform:scale(1.1)}
.product-grid6 .product-content{padding:12px 12px 15px;transition:all .5s ease 0s}
.product-grid6:hover .product-content{opacity:0}
.product-grid6 .title{font-size:20px;font-weight:600;text-transform:capitalize;margin:0 0 10px;transition:all .3s ease 0s}
.product-grid6 .title a{color:#000}
.product-grid6 .title a:hover{color:#2e86de}
.product-grid6 .price{font-size:18px;font-weight:600;color:#2e86de}
.product-grid6 .price span{color:#999;font-size:15px;font-weight:400;text-decoration:line-through;margin-left:7px;display:inline-block}
.product-grid6 .social{background-color:#fff;width:100%;padding:0;margin:0;list-style:none;opacity:0;transform:translateX(-50%);position:absolute;bottom:-50%;left:50%;z-index:1;transition:all .5s ease 0s}
.product-grid6:hover .social{opacity:1;bottom:20px}
.product-grid6 .social li{display:inline-block}
.product-grid6 .social li a{color:#909090;font-size:16px;line-height:45px;text-align:center;height:45px;width:45px;margin:0 7px;border:1px solid #909090;border-radius:50px;display:block;position:relative;transition:all .3s ease-in-out}
.product-grid6 .social li a:hover{color:#fff;background-color:#2e86de;width:80px}
.product-grid6 .social li a:after,.product-grid6 .social li a:before{content:attr(data-tip);color:#fff;background-color:#2e86de;font-size:12px;letter-spacing:1px;line-height:20px;padding:1px 5px;border-radius:5px;white-space:nowrap;opacity:0;transform:translateX(-50%);position:absolute;left:50%;top:-30px}
.product-grid6 .social li a:after{content:'';height:15px;width:15px;border-radius:0;transform:translateX(-50%) rotate(45deg);top:-20px;z-index:-1}
.product-grid6 .social li a:hover:after,.product-grid6 .social li a:hover:before{opacity:1}
@media only screen and (max-width:990px){.product-grid6{margin-bottom:30px}
}

/********************* Shopping Demo-7 **********************/
.product-grid7{font-family:'Roboto Slab',serif;position:relative;z-index:1}
.product-grid7 .product-image7{border:1px solid rgba(0,0,0,.1);overflow:hidden;perspective:1500px;position:relative;transition:all .3s ease 0s}
.product-grid7 .product-image7 a{display:block}
.product-grid7 .product-image7 img{width:100%;height:auto}
.product-grid7 .pic-1{opacity:1;transition:all .5s ease-out 0s}
.product-grid7 .pic-2{opacity:0;transform:rotateY(-90deg);position:absolute;top:0;left:0;transition:all .5s ease-out 0s}
.product-grid7:hover .pic-2{opacity:1;transform:rotateY(0)}
.product-grid7 .social{padding:0;margin:0;list-style:none;position:absolute;bottom:3px;left:-20%;z-index:1;transition:all .5s ease 0s}
.product-grid7:hover .social{left:17px}
.product-grid7 .social li a{color:#fff;background-color:#333;font-size:16px;line-height:40px;text-align:center;height:40px;width:40px;margin:15px 0;border-radius:50%;display:block;transition:all .5s ease-in-out}
.product-grid7 .social li a:hover{color:#fff;background-color:#78e08f}
.product-grid7 .product-new-label{color:#fff;background-color:#333;padding:5px 10px;border-radius:5px;display:block;position:absolute;top:10px;left:10px}
.product-grid7 .product-content{text-align:center;padding:20px 0 0}
.product-grid7 .title{font-size:15px;font-weight:600;text-transform:capitalize;margin:0 0 10px;transition:all .3s ease 0s}
.product-grid7 .title a{color:#333}
.product-grid7 .title a:hover{color:#78e08f}
.product-grid7 .rating{color:#78e08f;font-size:12px;padding:0;margin:0 0 10px;list-style:none}
.product-grid7 .price{color:#333;font-size:20px; font-weight:700;margin-bottom:8px;text-align:center;transition:all .3s}
.product-grid7 .price span{color:#999;font-size:14px;font-weight:700;text-decoration:line-through;margin-left:7px;display:inline-block}
@media only screen and (max-width:990px){.product-grid7{margin-bottom:30px}
}

/********************* Shopping Demo-8 **********************/
.product-grid8{ position:relative;z-index:1}
.product-grid8 .product-image8{border:1px solid #e4e9ef;position:relative;transition:all .3s ease 0s}
.product-grid8:hover .product-image8{box-shadow:0 0 10px rgba(0,0,0,.15)}
.product-grid8 .product-image8 a{display:block}
.product-grid8 .product-image8 img{width:100%;height:auto}
.product-grid8 .pic-1{opacity:1;transition:all .5s ease-out 0s}
.product-grid8:hover .pic-1{opacity:0}
.product-grid8 .pic-2{opacity:0;position:absolute;top:0;left:0;transition:all .5s ease-out 0s}
.product-grid8:hover .pic-2{opacity:1}
.product-grid8 .social{padding:0;margin:0;list-style:none;position:absolute;bottom:13px;right:13px;z-index:1}
.product-grid8 .social li{opacity:0;transform:translateY(3px);transition:all .5s ease 0s}
.product-grid8:hover .social li{margin:0 0 10px;opacity:1;transform:translateY(0)}
.product-grid8:hover .social li:nth-child(1){transition-delay:.1s}
.product-grid8:hover .social li:nth-child(2){transition-delay:.2s}
.product-grid8:hover .social li:nth-child(3){transition-delay:.4s}
.product-grid8 .social li a{color:grey;font-size:17px;line-height:40px;text-align:center;height:40px;width:40px;border:1px solid grey;display:block;transition:all .5s ease-in-out}
.product-grid8 .social li a:hover{color:#000;border-color:#000}
.product-grid8 .product-discount-label{display:block;padding:4px 15px 4px 30px;color:#fff;background-color:#0081c2;position:absolute;top:10px;right:0;-webkit-clip-path:polygon(34% 0,100% 0,100% 100%,0 100%);clip-path:polygon(34% 0,100% 0,100% 100%,0 100%)}
.product-grid8 .product-content{padding:20px 0 0}
.product-grid8 .price{color:#000;font-size:19px;font-weight:400;margin-bottom:8px;text-align:left;transition:all .3s}
.product-grid8 .price span{color:#999;font-size:14px;font-weight:500;text-decoration:line-through;margin-left:7px;display:inline-block}
.product-grid8 .product-shipping{color:rgba(0,0,0,.5);font-size:15px;padding-left:35px;margin:0 0 15px;display:block;position:relative}
.product-grid8 .product-shipping:before{content:'';height:1px;width:25px;background-color:rgba(0,0,0,.5);transform:translateY(-50%);position:absolute;top:50%;left:0}
.product-grid8 .title{font-size:16px;font-weight:400;text-transform:capitalize;margin:0 0 30px;transition:all .3s ease 0s}
.product-grid8 .title a{color:#000}
.product-grid8 .title a:hover{color:#0081c2}
.product-grid8 .all-deals{display:block;color:#fff;background-color:#2e353b;font-size:15px;letter-spacing:1px;text-align:center;text-transform:uppercase;padding:22px 5px;transition:all .5s ease 0s}
.product-grid8 .all-deals .icon{margin-left:7px}
.product-grid8 .all-deals:hover{background-color:#0081c2}
@media only screen and (max-width:990px){.product-grid8{margin-bottom:30px}
}

/********************* Shopping Demo-9 **********************/
.product-grid9,.product-grid9 .product-image9{position:relative}
.product-grid9{ z-index:1}
.product-grid9 .product-image9 a{display:block}
.product-grid9 .product-image9 img{width:100%;height:auto}
.product-grid9 .pic-1{opacity:1;transition:all .5s ease-out 0s}
.product-grid9:hover .pic-1{opacity:0}
.product-grid9 .pic-2{position:absolute;top:0;left:0;opacity:0;transition:all .5s ease-out 0s}
.product-grid9:hover .pic-2{opacity:1}
.product-grid9 .product-full-view{color:#505050;background-color:#fff;font-size:16px;height:45px;width:45px;padding:18px;border-radius:100px 0 0;display:block;opacity:0;position:absolute;right:0;bottom:0;transition:all .3s ease 0s}
.product-grid9 .product-full-view:hover{color:#c0392b}
.product-grid9:hover .product-full-view{opacity:1}
.product-grid9 .product-content{padding:12px 12px 0;overflow:hidden;position:relative}
.product-content .rating{padding:0;margin:0 0 7px;list-style:none}
.product-grid9 .rating li{font-size:12px;color:#ffd200;transition:all .3s ease 0s}
.product-grid9 .rating li.disable{color:rgba(0,0,0,.2)}
.product-grid9 .title{font-size:16px;font-weight:400;text-transform:capitalize;margin:0 0 3px;transition:all .3s ease 0s}
.product-grid9 .title a{color:rgba(0,0,0,.5)}
.product-grid9 .title a:hover{color:#c0392b}
.product-grid9 .price{color:#000;font-size:17px;margin:0;display:block;transition:all .5s ease 0s}
.product-grid9:hover .price{opacity:0}
.product-grid9 .add-to-cart{display:block;color:#c0392b;font-weight:600;font-size:14px;opacity:0;position:absolute;left:10px;bottom:-20px;transition:all .5s ease 0s}
.product-grid9:hover .add-to-cart{opacity:1;bottom:0}
@media only screen and (max-width:990px){.product-grid9{margin-bottom:30px}
}




.preview {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media screen and (max-width: 996px) {
    .preview {
      margin-bottom: 20px; } }

.preview-pic {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.preview-thumbnail.nav-tabs {
  border: none;
  margin-top: 15px; }
  .preview-thumbnail.nav-tabs li {
    width: 18%;
    margin-right: 2.5%;
    margin-bottom: 10px}
    .preview-thumbnail.nav-tabs li img {
      max-width: 100%;
      display: block; }
    .preview-thumbnail.nav-tabs li a {
      padding: 0;
      margin: 0; }
    .preview-thumbnail.nav-tabs li:last-of-type {
      margin-right: 0; }

.tab-content {
  overflow: hidden; }
  
.tab-content img {
    width: 100%;
    -webkit-animation-name: opacity;
            animation-name: opacity;
    -webkit-animation-duration: .3s;
            animation-duration: .3s;
}

/* Galerie produs — click zoom / lightbox */
.product-gallery-zoom {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    background: #f8f9fb;
}
.product-gallery-zoom .tab-pane img {
    cursor: zoom-in;
    transition: transform 0.25s ease, opacity 0.2s ease;
}
.product-gallery-zoom .tab-pane.active img:hover {
    transform: scale(1.02);
}
.product-gallery-zoom-badge {
    position: absolute;
    right: 0.65rem;
    bottom: 0.65rem;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.65rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: #fff;
    background: rgba(51, 51, 51, 0.72);
    border-radius: 999px;
    pointer-events: none;
    opacity: 0;
    transform: translateY(4px);
    transition: opacity 0.2s ease, transform 0.2s ease;
}
.product-gallery-zoom:hover .product-gallery-zoom-badge,
.product-gallery-zoom:focus-within .product-gallery-zoom-badge {
    opacity: 1;
    transform: translateY(0);
}
body.product-lightbox-open {
    overflow: hidden;
}
.product-lightbox {
    position: fixed;
    inset: 0;
    z-index: 10050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.25s ease, visibility 0.25s ease;
}
.product-lightbox.is-open {
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
}
.product-lightbox__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(18, 22, 28, 0.88);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}
.product-lightbox__dialog {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 1100px;
    max-height: 92vh;
    animation: productLightboxIn 0.28s ease;
}
@keyframes productLightboxIn {
    from {
        opacity: 0;
        transform: scale(0.96);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
.product-lightbox__figure {
    margin: 0;
    max-width: calc(100% - 7rem);
    max-height: 88vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-lightbox__img {
    max-width: 100%;
    max-height: 88vh;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 4px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
}
.product-lightbox__close {
    position: absolute;
    top: -0.25rem;
    right: 0;
    z-index: 3;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.95);
    color: #333;
    font-size: 1.1rem;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
    transition: background 0.15s, color 0.15s, transform 0.15s;
}
.product-lightbox__close:hover {
    background: #fff;
    color: #3498db;
    transform: scale(1.05);
}
.product-lightbox__nav {
    flex-shrink: 0;
    width: 2.75rem;
    height: 2.75rem;
    margin: 0 0.35rem;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.92);
    color: #333;
    font-size: 1rem;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    transition: background 0.15s, color 0.15s, transform 0.15s;
}
.product-lightbox__nav:hover {
    background: #3498db;
    color: #fff;
    transform: scale(1.06);
}
@media (max-width: 575px) {
    .product-lightbox {
        padding: 0.5rem;
    }
    .product-lightbox__figure {
        max-width: calc(100% - 1rem);
    }
    .product-lightbox__nav {
        position: absolute;
        bottom: -3rem;
        margin: 0;
    }
    .product-lightbox__nav--prev {
        left: 25%;
    }
    .product-lightbox__nav--next {
        right: 25%;
    }
    .product-lightbox__close {
        top: 0.25rem;
        right: 0.25rem;
    }
    .product-gallery-zoom-badge {
        font-size: 0.7rem;
        padding: 0.3rem 0.5rem;
    }
}

.card {
  margin-top: 19px;
  background: #eee;
  padding: 1em;
  line-height: 1.5em; }

@media screen and (min-width: 997px) {
  .wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; } }

.details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.colors {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.product-title, .price, .sizes, .colors {
  /*text-transform: UPPERCASE;*/
  font-weight: bold; }

.checked, .price span {
  color: #ff9f1a; }
.product-title, .rating, .product-description, .price, .vote, .sizes {
  margin-bottom: 15px; }
.product-title { margin-bottom: 0px;}

.product-title {
  margin-top: 0; }

.size {
  margin-right: 10px; }
  .size:first-of-type {
    margin-left: 40px; }

.color {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  height: 2em;
  width: 2em;
  border-radius: 2px; }
  .color:first-of-type {
    margin-left: 20px; }

.add-to-cart, .like {
  background: #ff9f1a;
  padding: 1.2em 1.5em;
  border: none;
  text-transform: UPPERCASE;
  font-weight: bold;
  color: #fff;
  -webkit-transition: background .3s ease;
          transition: background .3s ease; }
  .add-to-cart:hover, .like:hover {
    background: #b36800;
    color: #fff; }

.not-available {
  text-align: center;
  line-height: 2em; }
  .not-available:before {
    font-family: fontawesome;
    content: "\f00d";
    color: #fff; }

.orange {
  background: #ff9f1a; }

.green {
  background: #85ad00; }

.blue {
  background: #0076ad; }

.tooltip-inner {
  padding: 1.3em; }

@-webkit-keyframes opacity {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes opacity {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

 .breadcrumb-item+.breadcrumb-item::before {
    
    content: '»';
 }
 
 .breadcrumb {
    border-radius: 0px;
    background: #F7F7F7;
    color: #666666;
 }
.priceTag { font-weight: normal !important;  font-size: 14px; margin-bottom: 10px;}



.priceFormat
{
    font-size: 42px;
}
.priceFormat sub, .priceFormat-small sub{
    font-size: 50%;
    bottom: 0;
    margin-right: 5px;
}

.priceFormat-small {
        font-size: 1.4em;

}

.product-description { font-size: 12px;}
.descriereLdp h3 {
    margin-bottom: 0.7em;
    margin-top: 1em;
}



.product-descriton  p{
    font-size: 12px;
}

textarea::placeholder {
     font-size: 12px;
}

/* SEO / UX — categorie & produs stock */
.shop-back-link {
    color: #505050;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}
.shop-back-link:hover {
    color: #3498db;
    text-decoration: none;
}
/* Card produs — listă categorie & carusele (fără tăiere dimensiune) */
#category-product-grid .product-grid,
.shop-carousel-card.product-grid {
    overflow: visible;
}
#category-product-grid .product-grid .product-image,
.shop-carousel-card.product-grid .product-image {
    overflow: hidden;
}
.product-card-heading {
    text-align: center;
    margin-bottom: 0.35rem;
}
.product-card-name-link,
a.product-card-name-link,
a.product-card-name-link:active,
a.product-card-name-link .product-card-name {
    display: block;
    color: #666 !important;
    text-decoration: none;
    line-height: 1.35;
}
.product-card-name-link:hover,
a.product-card-name-link:hover,
a.product-card-name-link:hover .product-card-name {
    color: #3498db !important;
    text-decoration: none;
}
.product-card-name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 0.95rem;
}
.product-card-dimension {
    display: block;
    margin-top: 0.2rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: #444;
    line-height: 1.3;
    white-space: normal;
    word-break: break-word;
}
.shop-list-meta {
    color: #6c757d;
}
/* Header listă categorie */
.shop-category-header__title {
    font-size: 1.65rem;
    font-weight: 700;
    color: #333;
    line-height: 1.25;
}
.shop-category-header__lead {
    font-size: 1rem;
    font-weight: 400;
    color: #555;
    line-height: 1.5;
}
/* Bară rezultate (sus) — aliniată cu panoul de filtre */
.shop-results-bar {
    margin-bottom: 1rem;
}
.shop-results-bar__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
    padding: 0.65rem 1rem;
    background: #f8f9fb;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.shop-results-bar__stat {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: #555;
    line-height: 1.35;
}
.shop-results-bar__stat strong {
    color: #333;
    font-weight: 600;
}
.shop-results-bar__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    background: #fff;
    border: 1px solid rgba(52, 152, 219, 0.25);
    color: #3498db;
    font-size: 0.75rem;
    flex-shrink: 0;
}
.shop-results-bar__stat--page .shop-results-bar__icon {
    background: rgba(52, 152, 219, 0.08);
}
.shop-results-bar__stat--empty .shop-results-bar__icon {
    border-color: rgba(0, 0, 0, 0.1);
    color: #6c757d;
}
@media (min-width: 768px) {
    .shop-results-bar__inner {
        justify-content: space-between;
    }
    .shop-results-bar__stat--page {
        margin-left: auto;
    }
}
@media (max-width: 767px) {
    .shop-results-bar__inner {
        flex-direction: column;
        align-items: flex-start;
    }
    .shop-results-bar__stat--page {
        padding-top: 0.35rem;
        border-top: 1px dashed rgba(0, 0, 0, 0.08);
        width: 100%;
    }
}
/* Paginare categorie */
.shop-pagination {
    margin: 2rem 0 1.5rem;
    padding: 1rem 1rem 1.1rem;
    background: #f8f9fb;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}
.shop-pagination__summary {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.35rem 1rem;
    margin-bottom: 0.85rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    font-size: 0.8125rem;
    color: #6c757d;
    text-align: center;
}
.shop-pagination__range {
    font-weight: 500;
    color: #555;
}
.shop-pagination__pages {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.65rem;
    background: #fff;
    border: 1px solid rgba(52, 152, 219, 0.2);
    border-radius: 999px;
    color: #3498db;
    font-weight: 600;
    font-size: 0.8rem;
}
@media (min-width: 768px) {
    .shop-pagination__summary {
        display: none;
    }
    .shop-pagination {
        padding: 0.85rem 1rem;
    }
}
.shop-pagination__list {
    gap: 0.35rem;
}
.shop-pagination__list .page-item {
    margin: 0;
}
.shop-pagination-nav .page-link,
.shop-pagination__link {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25;
    min-width: 2.35rem;
    padding: 0.45rem 0.7rem;
    text-align: center;
    color: #444;
    background: #fff;
    border: 1px solid #d0d5dd;
    border-radius: 8px;
    transition: border-color 0.15s, background 0.15s, color 0.15s, box-shadow 0.15s;
}
.shop-pagination__link:hover {
    color: #3498db;
    border-color: #3498db;
    background: #fff;
    text-decoration: none;
    box-shadow: 0 2px 6px rgba(52, 152, 219, 0.15);
}
.shop-pagination__list .page-item.active .page-link,
.shop-pagination__list .page-item.active .shop-pagination__link {
    color: #fff;
    background: #3498db;
    border-color: #3498db;
    box-shadow: 0 2px 8px rgba(52, 152, 219, 0.35);
    cursor: default;
}
.shop-pagination__list .page-item.disabled .page-link,
.shop-pagination__list .page-item.disabled .shop-pagination__link {
    color: #adb5bd;
    background: #f1f3f5;
    border-color: #e9ecef;
    opacity: 1;
}
.shop-pagination__link--nav {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-width: auto;
    padding-left: 0.85rem;
    padding-right: 0.85rem;
}
.shop-pagination__ellipsis {
    border: none;
    background: transparent;
    color: #6c757d;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    min-width: auto;
}
@media (max-width: 575px) {
    .shop-pagination {
        padding: 0.85rem 0.65rem;
    }
    .shop-pagination__nav-label {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
    }
    .shop-pagination__link--nav {
        min-width: 2.5rem;
        justify-content: center;
        padding-left: 0.65rem;
        padding-right: 0.65rem;
    }
}
/* Legacy wrapper — păstrat dacă e referit în altă parte */
.shop-pagination-nav .page-link {
    font-size: 0.875rem;
    padding: 0.4rem 0.65rem;
}
.shop-pagination-nav .page-item.active .page-link {
    background-color: #3498db;
    border-color: #3498db;
}
.shop-empty-state__hint {
    color: #6c757d;
    margin-bottom: 0;
}
.category-intro {
    font-size: 0.95rem;
    line-height: 1.6;
}
/* Panou filtre categorie — toggle + collapse */
.shop-filters-toggle {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 0.65rem 0.85rem;
    font-weight: 600;
    font-size: 0.9rem;
    color: #333;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}
.shop-filters-toggle:hover,
.shop-filters-toggle:focus {
    background: #f8f9fb;
    color: #333;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}
.shop-filters-toggle__badge {
    margin-left: 0.35rem;
    vertical-align: middle;
}
.shop-filters-toggle__chevron {
    transition: transform 0.2s ease;
    color: #6c757d;
    font-size: 0.85rem;
}
.shop-filters-toggle.is-open .shop-filters-toggle__chevron,
.shop-filters-toggle[aria-expanded="true"] .shop-filters-toggle__chevron {
    transform: rotate(180deg);
}
.shop-filters-panel-wrap.collapse:not(.show) {
    display: none;
}
.shop-filters-panel-wrap .shop-filters-panel {
    margin-top: 0;
    border-top: none;
    border-radius: 0 0 12px 12px;
}
.shop-filters-panel-wrap.show .shop-filters-toggle {
    border-radius: 10px 10px 0 0;
    border-bottom: none;
}
.shop-pagination-nav .page-link {
    font-size: 0.875rem;
    padding: 0.4rem 0.65rem;
}
.shop-pagination-nav .page-item.active .page-link {
    background-color: #3498db;
    border-color: #3498db;
}
/* Panou filtre categorie */
.shop-filters-panel {
    background: #f8f9fb;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    padding: 1rem 1.1rem 1.15rem;
}
.shop-filters-panel__header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem 1rem;
    margin-bottom: 1rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.shop-filters-panel__title {
    font-weight: 600;
    color: #333;
}
.shop-filters-panel__title i {
    margin-right: 0.35rem;
    color: #3498db;
}
.shop-filters-panel__hint {
    font-size: 0.8rem;
    color: #6c757d;
}
.shop-filters-reset {
    color: #dc3545 !important;
    font-weight: 500;
    white-space: nowrap;
}
.shop-filters-reset:hover {
    color: #c82333 !important;
    text-decoration: none;
}
.shop-filters-group {
    margin-bottom: 0.9rem;
}
.shop-filters-group__label {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #6c757d;
    margin-bottom: 0.45rem;
}
.shop-filter-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}
.shop-filter-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.45rem 0.85rem;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.3;
    color: #444;
    background: #fff;
    border: 1px solid #d0d5dd;
    border-radius: 999px;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s, color 0.15s, box-shadow 0.15s;
}
.shop-filter-btn:hover {
    border-color: #3498db;
    color: #3498db;
}
.shop-filter-btn.is-active {
    background: #3498db;
    border-color: #3498db;
    color: #fff;
    box-shadow: 0 2px 8px rgba(52, 152, 219, 0.35);
}
.shop-filter-btn.is-active:hover {
    background: #2f8fd4;
    border-color: #2f8fd4;
    color: #fff;
}
.shop-filter-btn:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.25);
}
.shop-filters-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 1rem;
    margin-top: 0.25rem;
    padding-top: 0.85rem;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.shop-filters-sort-wrap {
    flex: 1;
    min-width: 200px;
    max-width: 280px;
}
.shop-filters-sort {
    font-size: 0.875rem;
    border-radius: 8px;
    border-color: #d0d5dd;
    height: auto;
    padding: 0.45rem 0.75rem;
}
@media (max-width: 767px) {
    .shop-filters-panel {
        padding: 0.7rem 0.65rem 0.8rem;
        border-radius: 10px;
    }
    .shop-filters-panel__header {
        margin-bottom: 0.65rem;
        padding-bottom: 0.55rem;
    }
    .shop-filters-panel__title {
        font-size: 0.9rem;
    }
    .shop-filters-panel__hint {
        display: none;
    }
    .shop-filters-reset {
        font-size: 0.8rem;
    }
    .shop-filters-group {
        margin-bottom: 0.65rem;
    }
    .shop-filters-group__label {
        font-size: 0.7rem;
        margin-bottom: 0.3rem;
    }
    .shop-filter-pills {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.35rem;
        overflow: visible;
        flex-wrap: wrap;
    }
    .shop-filter-btn {
        width: 100%;
        min-width: 0;
        justify-content: center;
        padding: 0.32rem 0.35rem;
        font-size: 0.75rem;
        font-weight: 500;
        gap: 0.2rem;
        border-radius: 8px;
        white-space: nowrap;
    }
    .shop-filter-btn .fa {
        font-size: 0.7rem;
    }
    .shop-filters-footer {
        flex-direction: column;
        align-items: stretch;
        gap: 0.35rem;
        padding-top: 0.55rem;
    }
    .shop-filters-sort-wrap {
        max-width: none;
        min-width: 0;
        width: 100%;
    }
    .shop-filters-sort {
        font-size: 0.8rem;
        padding: 0.4rem 0.55rem;
    }
}
@media (max-width: 380px) {
    .shop-filter-btn {
        font-size: 0.72rem;
        padding: 0.28rem 0.25rem;
    }
   

}
.shop-empty-state {
    background: #f8f9fa;
    border-radius: 8px;
}
.shop-carousel-section {
    margin-bottom: 1.5rem;
}
.shop-carousel-nav .btn {
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
     padding: 0;
}
.shop-carousel-card .product-card-name {
    font-size: 0.85rem;
}
/* Nu tăia titlul/dimensiunea în carusele (regula globală .second_card-title a) */
.shop-carousel-card .product-card-name-link {
    width: auto;
    max-width: 100%;
    overflow: visible;
    text-overflow: unset;
    white-space: normal;
}
.shop-sticky-cart {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1030;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.65rem 1rem;
    background: #fff;
    border-top: 1px solid rgba(0,0,0,0.12);
    box-shadow: 0 -4px 12px rgba(0,0,0,0.08);
}
.shop-sticky-cart__price .newPrice {
    font-size: 1.25rem;
    font-weight: 700;
}
.shop-sticky-cart__btn {
    flex: 1;
    max-width: 55%;
    white-space: nowrap;
}
body:has(.shop-sticky-cart) #content.containerMarginBtm {
    padding-bottom: 4.5rem;
}
@media (min-width: 768px) {
    .shop-sticky-cart {
        display: none !important;
    }
}