/* CSS Document */
 .left {
     float: left;
}
 .right {
     float: right;
}
 .rightmargin {
     float: right;
     margin-top: 8px;
}
 .notextdeco {
     text-decoration: none;
}
 .nobottom {
     margin-bottom: 0px !important;
}
 .errormsg, .alertmsg, .successmsg, .infomsg, .infomsg2 {
     margin: 0px !important;
}
 .zeropadding {
     padding: 0px !important;
}
 .movepos2 {
     position: relative;
     top: 3px;
}
 .positioning {
     margin-left: 20px;
     position: absolute;
}
 .f9 {
     font-size: 9px;
}
 .f11 {
     font-size: 11px;
}
 .fcolor {
     color: #FF0000;
}
 .textareaw {
     width: 98%;
     height: 250px;
}
 .tomiddle {
     margin-left: 45%;
     font-style: italic;
}
 .toleftside {
     width: 50%;
     float: left;
}
 .torightside {
     width: 45%;
     float: right;
     text-align:right;
     padding-right:20px;
}
 .divstable {
     width:100%;
     display:table;
}
 .spansize {
     color: #55aa55;
}
 .openReport {
     color:#F00;
}
 .customcss {
    font-weight: bold !important;
     color:#ffdbba;
    font-size:11px !important;
}
 .cehckboxmove {
    vertical-align:-3px;
}
 .zeropad {
     padding-top:0px !important;
}
 ul.social-media-icons {
     margin:0 0 10px 10px !important;
}
 .mleft{
    margin-left: 10px;
}
 #scrollable_div1 {
     height: 200px;
     width: 300px;
     overflow: auto;
}
 .stripwidth {
     width:80% !important;
     float:left;
}
 .topmargin-top {
     margin-top: 7px !important;
}
 .piececolor {
     float:right;
}
 .bottomzero{
     margin-bottom:0px !important;
}
 .searchcolor {
    background-color: #fdeece !important;
     text-align:center !important;
}
 .cartbtn {
     background: url(../img/addcart.png) no-repeat;
     border: none;
     width: 30px !important;
     height: 30px;
}
 .cartremove {
     background:url('../img/remove.png') no-repeat;
     border:none;
     width: 30px !important;
     height:30px;
}

 #parentCWproductPrices {
     display: flex;
     justify-content: space-between;
     align-items: center;
}
 .green {
     color:green;
}
 .small {
     font-size:65%;
}
 .red {
     color:red;
}
/* rating icons for the product */
 .loverating {
     --dir: right;
     --fill: gold;
     --fillbg: rgba(100, 100, 100, 0.15);
     --heart: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 21.328l-1.453-1.313q-2.484-2.25-3.609-3.328t-2.508-2.672-1.898-2.883-0.516-2.648q0-2.297 1.57-3.891t3.914-1.594q2.719 0 4.5 2.109 1.781-2.109 4.5-2.109 2.344 0 3.914 1.594t1.57 3.891q0 1.828-1.219 3.797t-2.648 3.422-4.664 4.359z"/></svg>');
     --star: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 17.25l-6.188 3.75 1.641-7.031-5.438-4.734 7.172-0.609 2.813-6.609 2.813 6.609 7.172 0.609-5.438 4.734 1.641 7.031z"/></svg>');
     --stars: 5;
     --starsize: 3rem;
     --symbol: var(--star);
     --value: 1;
     --w: calc(var(--stars) * var(--starsize));
     --x: calc(100% * (var(--value) / var(--stars)));
     block-size: var(--starsize);
     inline-size: var(--w);
     position: relative;
     touch-action: manipulation;
     -webkit-appearance: none;
}
 [dir="rtl"] .loverating {
     --dir: left;
}
 .loverating::-moz-range-track {
     background: linear-gradient(to var(--dir), var(--fill) 0 var(--x), var(--fillbg) 0 var(--x));
     block-size: 100%;
     mask: repeat left center/var(--starsize) var(--symbol);
}
 .loverating::-webkit-slider-runnable-track {
     background: linear-gradient(to var(--dir), var(--fill) 0 var(--x), var(--fillbg) 0 var(--x));
     block-size: 100%;
     mask: repeat left center/var(--starsize) var(--symbol);
     -webkit-mask: repeat left center/var(--starsize) var(--symbol);
}
 .loverating::-moz-range-thumb {
     height: var(--starsize);
     opacity: 0;
     width: var(--starsize);
}
 .loverating::-webkit-slider-thumb {
     height: var(--starsize);
     opacity: 0;
     width: var(--starsize);
     -webkit-appearance: none;
}
 .loverating, .rating-label {
     display: block;
     font-family: ui-sans-serif, system-ui, sans-serif;
}
 .rating-label {
     margin-block-end: 1rem;
}
/* NO JS */
 .rating--nojs::-moz-range-track {
     background: var(--fillbg);
}
 .rating--nojs::-moz-range-progress {
     background: var(--fill);
     block-size: 100%;
     mask: repeat left center/var(--starsize) var(--star);
}
 .rating--nojs::-webkit-slider-runnable-track {
     background: var(--fillbg);
}
 .rating--nojs::-webkit-slider-thumb {
     background-color: var(--fill);
     box-shadow: calc(0rem - var(--w)) 0 0 var(--w) var(--fill);
     opacity: 1;
     width: 1px;
}
 [dir="rtl"] .rating--nojs::-webkit-slider-thumb {
     box-shadow: var(--w) 0 0 var(--w) var(--fill);
}
 #myModal .modal-body {
    max-height: 650px;
}
 #insidecontents {
     overflow-y:scroll;
     overflow-x:hidden;
     height:200px;
     margin-top:40px;
     margin-left:5px;
     font-size:12px;
     color:black;
}
 .CW_links {
     color: #000000;
}
/* navigation burger Menu */
 .wrap-parent-menu .sidenav {
     height: 100%;
     background-color: #fff;
     width: 0;
     position: fixed;
     z-index: 1;
     top: 0;
     left: 0;
     background-color: #fff;
     overflow-x: hidden;
     transition: 0.2s;
     padding-top: 60px;
     text-align: center;
}
 .wrap-parent-menu .wrap-burger-menu-items {
     text-align: start;
     padding-top: 52px;
}
 .wrap-parent-menu .sidenav a:hover {
     color: #f1f1f1;
}
 .wrap-parent-menu .sidenav .closebtn {
     position: absolute;
     top: 8px;
     right: 25px;
     font-size: 40px;
     margin-left: 50px;
     text-decoration: none;
     color: #000;
}
 .wrap-burger-menu-items ul.ul-burger {
     margin: 0;
     padding: 6px;
     display: flex;
     flex-wrap: wrap;
     list-style: none;
}
 .wrap-burger-menu-items ul.ul-burger li a {
     font-size: 16px;
     text-decoration: none;
}

 .wrap-burger-menu-items ul.ul-burger li a {
     font-size: 14px;
     text-decoration: none;
     color: #000;
     border-bottom: 1px dashed #000;
     display: flex;
     margin: 0 16px;
     padding-bottom: 14px;
}

 @media screen and (max-width: 767px) {
     .wrap-parent-menu .sidenav {
         padding-top: 15px;
    }
     .wrap-parent-menu .sidenav a {
         font-size: 18px;
    }
    .wrap-burger-menu-items ul.ul-burger li {
        width: 49.99%;
        
   }
   .wrap-burger-menu-items li.home {
    position: absolute;
    top: 34px;
}



}
 @media (min-width: 768px) and (max-width: 1200px) {
   
   
}

.product_meta {
    display:flex;
    flex-direction: column;
    gap:10px;
}
.product_meta span {
    font-weight:bold;
}

.ratings {
  display: inline-block;
}

.ratings input {
  display: none;
}

.ratings label {
  float: right;
  cursor: pointer;
}

.ratings label:before {
  content: '\2605';
  font-size: 24px;
}

.ratings input:checked ~ label {
  color: #ffcc00;
}

.ratings label:hover,
.ratings label:hover ~ label {
  color: #ffcc00;
}

/* for images */

#productContainer {
  --product-view-height: 650px;
}

#productContainer .f-thumbs.is-classic.is-vertical {
  height: var(--product-view-height, 100%);
}

/*
  Thumbnails
*/

.f-thumbs.is-classic {
  --f-thumb-width: 90px;
  --f-thumb-height: 135px;

  --f-thumb-gap: 0.5rem;

  --f-thumb-opacity: 1;
  --f-thumb-selected-opacity: 0.2;

  --f-button-color: #0d0c22;
  --f-button-hover-color: #ff3520;

  --f-button-bg: #fff;
  --f-button-hover-bg: #fff;
  --f-button-active-bg: #fff;
}

.f-thumbs.is-classic .f-thumbs__slide__img {
  object-fit: contain;
}

.f-thumbs.is-classic .f-carousel__nav .f-button[disabled] {
  display: none;
}

/*
  Main carousel
*/
#productCarousel {
  --f-carousel-spacing: 0;

  --f-button-width: 48px;
  --f-button-height: 48px;
  --f-button-border-radius: 0;

  --f-button-color: #0d0c22;
  --f-button-hover-color: #ff3520;

  --f-button-bg: #fff;
  --f-button-hover-bg: #fff;
  --f-button-active-bg: #fff;

  --f-button-svg-width: 28px;
  --f-button-svg-height: 28px;

  --f-button-svg-stroke-width: 1;
  --f-button-svg-filter: none;

  height: var(--product-view-height);
}

#productCarousel .f-carousel__slide {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

#productCarousel .f-carousel__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#productCarousel .f-carousel__nav {
  opacity: 0;
  transition: opacity 0.15s;
}

@media (hover: hover) {
  #productCarousel:hover .f-carousel__nav {
    opacity: 1;
  }
}

/*
  Fancybox
*/

.fancybox__container {
  --fancybox-color: #0d0c22;
  --fancybox-bg: #fff;
  --f-spinner-color-1: rgba(0, 0, 0, 0.1);
  --f-spinner-color-2: rgba(17, 24, 28, 0.8);
}

.fancybox__toolbar,
.fancybox__nav {
  --f-button-width: 60px;
  --f-button-height: 60px;
  --f-button-border-radius: 0;

  --f-button-color: #0d0c22;
  --f-button-hover-color: #ff3520;

  --f-button-bg: #fff;
  --f-button-hover-bg: #fff;
  --f-button-active-bg: #fff;

  --f-button-svg-width: 32px;
  --f-button-svg-height: 32px;

  --f-button-svg-stroke-width: 1;
  --f-button-svg-filter: none;
}

.fancybox__nav {
  --f-button-next-pos: 0;
  --f-button-prev-pos: 0;
}
.trclass {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    gap: 10px;
}
.pad12 {
    padding-top:12px;
}

.price-container {
  display: flex;
  align-items: center;
}

.lock-icon {
  margin-right: 5px;
}

.price-text {
  font-weight: bold;
}
.price-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
span.lock-icon {
  font-size: 32px;
  padding-left: 16px;
}
span.price-text {
  font-size: 16px;
}

.price-container-small {
  display: flex;
}
span.lock-icon-small {
  font-size: 16px;
}
span.price-text-small {
  font-size: 10px;
}

.price-container-mid {
  display: flex;
  flex-wrap: wrap;
  margin-left:-10px;
}
#categorygrid .price-container-mid {
  margin-left: -15px;
  margin-top: 2px;
}



.flexlanguage {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    width: auto;
    justify-content: flex-end;
    height: auto;
    flex-basis: max-content;
    gap: 15px;
    height: 40px;
    margin-right: 20px;
}
.wrapper-products-list .prices-rating span.price-text-mid {
  font-size: 12px;
}
.wrapper-products-list .prices-rating span.lock-icon-mid {
  font-size: 13px;
  margin-right: 3px;
}
.wrapper-products-list .prices-rating span.price-text-mid a {
  color: #000;
  font-weight: 500;
}
.prices-rating {
  
  height: 42px;
}
span.price-text-mid a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 72px;
}
label.profile-toggle span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 80px;
}

/* Container styles */
.pi_container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

/* Title styles */
.pi_title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 25px;
  color: #333;
  position: relative;
  padding-bottom: 10px;
}

.pi_title:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 3px;
  background-color: #4a6cf7;
}

/* Card wrapper styles */
.pi_card_wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 30px 0;
}

/* Card styles */
.pi_card {
  flex: 1 1 200px;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  font-size:80%;
}

.pi_card:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

/* Card header styles */
.pi_card_header {
  background: #f8f9fa;
  padding: 10px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eaeaea;
}

.pi_icon {
  color: #B99139;
  margin-right: 10px;
  font-size: 18px;
}

.pi_header_text {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #333;
}

/* Card body styles */
.pi_card_body {
  padding: 15px;
  display: flex;
  align-items: center;
}

/* Text styles */
.pi_text {
  font-weight: 500;
  color: #555;
}

/* Link styles */
.pi_link {
  color: #B99139;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s ease;
}

.pi_link:hover {
  color: #2a4cd7;
  text-decoration: underline;
}

/* Status styles */
.pi_status {
  font-weight: 500;
}

.pi_status_yes {
  color: #28a745;
}

.pi_status_no {
  color: #dc3545;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .pi_card {
    flex: 1 1 calc(50% - 20px);
  }
}

@media (max-width: 480px) {
  .pi_card {
    flex: 1 1 100%;
  }
}