.ot-dtp-picker{
	width:100% !important;
}
.df-opentable{
	overflow: hidden;
}
.df-opentable, .df-opentable a, .df-opentable h1, .df-opentable p{
	color: #000 !important;
}

.tf-v1-widget, .tf-v1-widget iframe { 
	min-height: 500px !important;
}
.main{
	overflow: initial !important;
}
.music-link-preview .c2a {
    border: 1px solid #eee;
    display: block;
    padding: 3px 10px;
    border-radius: 10px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	font-size: 14px;
}
.music-link-preview .c2a:hover {
    background: rgba(0,0,0,0.8);
    color: #fff !important;
}
.music-link-preview a img {
    max-width: 80%;
	height: 40px;
}
.block-hidden{
	display: none !important;
}
a.share-icon {
    background: #fff;
    width: 50px;
    height: 50px;
    display: flex;
    position: fixed;
    top: 1rem;
    right: 1rem;
    color: #000 !important;
    text-align: center;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
}
.animate_scale:hover{
	-webkit-animation: scale 0.3s linear;
	animation: scale 0.3s linear;
	-webkit-animation-fill-mode: forwards;
}
.animate_shake:hover{
	 -webkit-animation: shake 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
			 animation: shake 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
 }
.animate_vibrate:hover{
	-webkit-animation: vibrate 0.3s linear infinite both;
			animation: vibrate 0.3s linear infinite both;
}
.animate_jello:hover {
	-webkit-animation: jello 0.9s both;
			animation: jello 0.9s both;
}
.animate_wobble:hover {
	-webkit-animation: wobble 0.9s both;
			animation: wobble 0.9s both;
}
@keyframes scale {
	 0% {
	   -webkit-transform: scale(1);
			   transform: scale(1);
	 }
	 100% {
	   -webkit-transform: scale(1.05);
			   transform: scale(1.05);
	 }
 }
@keyframes shake {
	 0%,
	 100% {
	   -webkit-transform: translateX(0);
			   transform: translateX(0);
	 }
	 10%,
	 30%,
	 50%,
	 70% {
	   -webkit-transform: translateX(-10px);
			   transform: translateX(-10px);
	 }
	 20%,
	 40%,
	 60% {
	   -webkit-transform: translateX(10px);
			   transform: translateX(10px);
	 }
	 80% {
	   -webkit-transform: translateX(8px);
			   transform: translateX(8px);
	 }
	 90% {
	   -webkit-transform: translateX(-8px);
			   transform: translateX(-8px);
	 }
 }
@keyframes vibrate {
	0% {
	  -webkit-transform: translate(0);
			  transform: translate(0);
	}
	20% {
	  -webkit-transform: translate(-2px, 2px);
			  transform: translate(-2px, 2px);
	}
	40% {
	  -webkit-transform: translate(-2px, -2px);
			  transform: translate(-2px, -2px);
	}
	60% {
	  -webkit-transform: translate(2px, 2px);
			  transform: translate(2px, 2px);
	}
	80% {
	  -webkit-transform: translate(2px, -2px);
			  transform: translate(2px, -2px);
	}
	100% {
	  -webkit-transform: translate(0);
			  transform: translate(0);
	}
}
@keyframes jello {
	0% {
	  -webkit-transform: scale3d(1, 1, 1);
			  transform: scale3d(1, 1, 1);
	}
	30% {
	  -webkit-transform: scale3d(1.25, 0.75, 1);
			  transform: scale3d(1.25, 0.75, 1);
	}
	40% {
	  -webkit-transform: scale3d(0.75, 1.25, 1);
			  transform: scale3d(0.75, 1.25, 1);
	}
	50% {
	  -webkit-transform: scale3d(1.15, 0.85, 1);
			  transform: scale3d(1.15, 0.85, 1);
	}
	65% {
	  -webkit-transform: scale3d(0.95, 1.05, 1);
			  transform: scale3d(0.95, 1.05, 1);
	}
	75% {
	  -webkit-transform: scale3d(1.05, 0.95, 1);
			  transform: scale3d(1.05, 0.95, 1);
	}
	100% {
	  -webkit-transform: scale3d(1, 1, 1);
			  transform: scale3d(1, 1, 1);
	}
} 
@keyframes wobble {
	0%,
	100% {
	  -webkit-transform: translateX(0%);
			  transform: translateX(0%);
	  -webkit-transform-origin: 50% 50%;
			  transform-origin: 50% 50%;
	}
	15% {
	  -webkit-transform: translateX(-30px) rotate(-6deg);
			  transform: translateX(-30px) rotate(-6deg);
	}
	30% {
	  -webkit-transform: translateX(15px) rotate(6deg);
			  transform: translateX(15px) rotate(6deg);
	}
	45% {
	  -webkit-transform: translateX(-15px) rotate(-3.6deg);
			  transform: translateX(-15px) rotate(-3.6deg);
	}
	60% {
	  -webkit-transform: translateX(9px) rotate(2.4deg);
			  transform: translateX(9px) rotate(2.4deg);
	}
	75% {
	  -webkit-transform: translateX(-6px) rotate(-1.2deg);
			  transform: translateX(-6px) rotate(-1.2deg);
	}
}
.biobg_pieceoflink, #preview .card.biobg_pieceoflink{
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
	position: relative;
	overflow: hidden;
}

.biobg_pieceoflink::before, #preview .card.biobg_pieceoflink::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: 
		radial-gradient(circle at 20% 80%, rgba(120, 119, 198, 0.3) 0%, transparent 50%),
		radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.15) 0%, transparent 50%),
		radial-gradient(circle at 40% 40%, rgba(120, 119, 198, 0.15) 0%, transparent 50%);
	z-index: 0;
}

.biobg_iso, #preview .card.biobg_iso{
		background-color: #fdfdfe !important;
		opacity: 1 !important;
		background-image:  linear-gradient(30deg, #e0e0e0 12%, transparent 12.5%, transparent 87%, #e0e0e0 87.5%, #e0e0e0), linear-gradient(150deg, #e0e0e0 12%, transparent 12.5%, transparent 87%, #e0e0e0 87.5%, #e0e0e0), linear-gradient(30deg, #e0e0e0 12%, transparent 12.5%, transparent 87%, #e0e0e0 87.5%, #e0e0e0), linear-gradient(150deg, #e0e0e0 12%, transparent 12.5%, transparent 87%, #e0e0e0 87.5%, #e0e0e0), linear-gradient(60deg, #e0e0e077 25%, transparent 25.5%, transparent 75%, #e0e0e077 75%, #e0e0e077), linear-gradient(60deg, #e0e0e077 25%, transparent 25.5%, transparent 75%, #e0e0e077 75%, #e0e0e077) !important;
		background-size: 20px 35px !important;
		background-position: 0 0, 0 0, 10px 18px, 10px 18px, 0 0, 10px 18px !important;
}

.biobg_paper, #preview .card.biobg_paper{
		background-color: #fdfdfe !important;
		opacity: 1 !important;
		background-size: 20px 20px !important;
		background-image:  repeating-linear-gradient(0deg, #e0e0e0, #e0e0e0 1px, #fdfdfe 1px, #fdfdfe) !important;
}
.biobg_pattern, #preview .card.biobg_pattern{
		background-repeat: repeat;
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1011%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(251%2c 251%2c 251%2c 1)'%3e%3c/rect%3e%3cpath d='M512.06 250.26L515.58 250.26L515.58 253.78L512.06 253.78z' stroke='%23e73635'%3e%3c/path%3e%3cpath d='M1360.76 354 a23.02 23.02 0 1 0 46.04 0 a23.02 23.02 0 1 0 -46.04 0z' fill='%23e73635'%3e%3c/path%3e%3cpath d='M1270.14 365.58L1291.9 365.58L1291.9 387.34L1270.14 387.34z' stroke='%23d3b714'%3e%3c/path%3e%3cpath d='M821.74 234.04a48.32 48.32 0 1 0 54.67 79.7z' fill='%23e73635'%3e%3c/path%3e%3cpath d='M806.33 420.66L849.37 420.66L849.37 427.87L806.33 427.87z' fill='%23037b0b'%3e%3c/path%3e%3cpath d='M966.76 345.84L967.1 345.84L967.1 346.18L966.76 346.18z' stroke='%23e73635'%3e%3c/path%3e%3cpath d='M278.46 124.23 a50 50 0 1 0 100 0 a50 50 0 1 0 -100 0z' stroke='%23e73635'%3e%3c/path%3e%3cpath d='M412.85 337.01L412.91 337.01L412.91 337.07L412.85 337.07z' stroke='%23e73635'%3e%3c/path%3e%3cpath d='M1040.81 350.02L1090.68 350.02L1090.68 399.89L1040.81 399.89z' stroke='%23e73635'%3e%3c/path%3e%3cpath d='M246.32 106.12L263.07 106.12L263.07 122.87L246.32 122.87z' stroke='%23037b0b'%3e%3c/path%3e%3cpath d='M1413.18 232.87L1416.04 232.87L1416.04 235.73L1413.18 235.73z' fill='%23037b0b'%3e%3c/path%3e%3cpath d='M244.75 355.68L248.83 355.68L248.83 359.76L244.75 359.76z' stroke='%23d3b714'%3e%3c/path%3e%3cpath d='M1180.85 522.05L1182.31 522.05L1182.31 547.4L1180.85 547.4z' stroke='%23d3b714'%3e%3c/path%3e%3cpath d='M370.7 135.48L413.58 135.48L413.58 178.36L370.7 178.36z' fill='%23037b0b'%3e%3c/path%3e%3cpath d='M477.75 218.69L514.56 218.69L514.56 255.5L477.75 255.5z' fill='%23d3b714'%3e%3c/path%3e%3cpath d='M160.38 237.18a13.18 13.18 0 1 0 10.48 24.19z' fill='%23037b0b'%3e%3c/path%3e%3cpath d='M195.21 351.85L195.72 351.85L195.72 389.67L195.21 389.67z' stroke='%23d3b714'%3e%3c/path%3e%3cpath d='M950.29 195.71 a52.26 52.26 0 1 0 104.52 0 a52.26 52.26 0 1 0 -104.52 0z' fill='%23e73635'%3e%3c/path%3e%3cpath d='M1398.56 545.07L1448.61 545.07L1448.61 576.88L1398.56 576.88z' stroke='%23e73635'%3e%3c/path%3e%3cpath d='M759.37 454.81L809.26 454.81L809.26 504.7L759.37 504.7z' fill='%23e73635'%3e%3c/path%3e%3cpath d='M1378.13 322.59L1387.35 322.59L1387.35 329.03L1378.13 329.03z' stroke='%23e73635'%3e%3c/path%3e%3cpath d='M926.44 143.46 a35.9 35.9 0 1 0 71.8 0 a35.9 35.9 0 1 0 -71.8 0z' stroke='%23e73635'%3e%3c/path%3e%3cpath d='M1310.77 51.87L1356.42 51.87L1356.42 93.58L1310.77 93.58z' stroke='%23d3b714'%3e%3c/path%3e%3cpath d='M868.32 410.87 a38.21 38.21 0 1 0 76.42 0 a38.21 38.21 0 1 0 -76.42 0z' stroke='%23037b0b'%3e%3c/path%3e%3cpath d='M419.68 431.37L436.94 431.37L436.94 448.63L419.68 448.63z' stroke='%23e73635'%3e%3c/path%3e%3cpath d='M665.07 261.35L687.49 261.35L687.49 283.77L665.07 283.77z' fill='%23e73635'%3e%3c/path%3e%3cpath d='M623.72 472.85a1.03 1.03 0 1 0-2.04-0.27z' fill='%23037b0b'%3e%3c/path%3e%3cpath d='M71.57 220.51L76.78 220.51L76.78 221.52L71.57 221.52z' stroke='%23037b0b'%3e%3c/path%3e%3cpath d='M430.78 69.74a20.59 20.59 0 1 0 35.48-20.9z' stroke='%23037b0b'%3e%3c/path%3e%3cpath d='M1399.79 433.68a49.14 49.14 0 1 0 26.27-94.7z' fill='%23037b0b'%3e%3c/path%3e%3cpath d='M543.36 2.08L564.62 2.08L564.62 46.74L543.36 46.74z' fill='%23e73635'%3e%3c/path%3e%3cpath d='M128.38 79.16L134.93 79.16L134.93 126.49L128.38 126.49z' fill='%23e73635'%3e%3c/path%3e%3cpath d='M379.15-2.65a34.24 34.24 0 1 0 59.39 34.1z' fill='%23e73635'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1011'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e") !important;
}
.biobg_coil, #preview .card.biobg_coil{
		background-color: #e9edf1 !important;
	background-image:  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' viewBox='0 0 800 800'%3E%3Cdefs%3E%3ClinearGradient x1='50%25' y1='0%25' x2='50%25' y2='100%25' id='cccoil-grad'%3E%3Cstop stop-color='hsl(206  75%25  49%25)' stop-opacity='1' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='hsl(331  90%25  56%25)' stop-opacity='1' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cg stroke='url(%23cccoil-grad)' fill='none' stroke-linecap='round'%3E%3Ccircle r='363' cx='400' cy='400' stroke-width='7' stroke-dasharray='1939 2281' transform='rotate(360  400  400)' opacity='0.05'%3E%3C/circle%3E%3Ccircle r='346.5' cx='400' cy='400' stroke-width='7' stroke-dasharray='1762 2177' transform='rotate(343  400  400)' opacity='0.10'%3E%3C/circle%3E%3Ccircle r='330' cx='400' cy='400' stroke-width='7' stroke-dasharray='1595 2073' transform='rotate(326  400  400)' opacity='0.14'%3E%3C/circle%3E%3Ccircle r='313.5' cx='400' cy='400' stroke-width='7' stroke-dasharray='1435 1970' transform='rotate(309  400  400)' opacity='0.19'%3E%3C/circle%3E%3Ccircle r='297' cx='400' cy='400' stroke-width='7' stroke-dasharray='1284 1866' transform='rotate(291  400  400)' opacity='0.23'%3E%3C/circle%3E%3Ccircle r='280.5' cx='400' cy='400' stroke-width='7' stroke-dasharray='1141 1762' transform='rotate(274  400  400)' opacity='0.28'%3E%3C/circle%3E%3Ccircle r='264' cx='400' cy='400' stroke-width='7' stroke-dasharray='1007 1659' transform='rotate(257  400  400)' opacity='0.32'%3E%3C/circle%3E%3Ccircle r='247.5' cx='400' cy='400' stroke-width='7' stroke-dasharray='881 1555' transform='rotate(240  400  400)' opacity='0.37'%3E%3C/circle%3E%3Ccircle r='231' cx='400' cy='400' stroke-width='7' stroke-dasharray='764 1451' transform='rotate(223  400  400)' opacity='0.41'%3E%3C/circle%3E%3Ccircle r='214.5' cx='400' cy='400' stroke-width='7' stroke-dasharray='655 1348' transform='rotate(206  400  400)' opacity='0.46'%3E%3C/circle%3E%3Ccircle r='198' cx='400' cy='400' stroke-width='7' stroke-dasharray='554 1244' transform='rotate(189  400  400)' opacity='0.50'%3E%3C/circle%3E%3Ccircle r='181.5' cx='400' cy='400' stroke-width='7' stroke-dasharray='462 1140' transform='rotate(171  400  400)' opacity='0.55'%3E%3C/circle%3E%3Ccircle r='165' cx='400' cy='400' stroke-width='7' stroke-dasharray='378 1037' transform='rotate(154  400  400)' opacity='0.59'%3E%3C/circle%3E%3Ccircle r='148.5' cx='400' cy='400' stroke-width='7' stroke-dasharray='302 933' transform='rotate(137  400  400)' opacity='0.64'%3E%3C/circle%3E%3Ccircle r='132' cx='400' cy='400' stroke-width='7' stroke-dasharray='235 829' transform='rotate(120  400  400)' opacity='0.68'%3E%3C/circle%3E%3Ccircle r='115.5' cx='400' cy='400' stroke-width='7' stroke-dasharray='176 726' transform='rotate(103  400  400)' opacity='0.73'%3E%3C/circle%3E%3Ccircle r='99' cx='400' cy='400' stroke-width='7' stroke-dasharray='126 622' transform='rotate(86  400  400)' opacity='0.77'%3E%3C/circle%3E%3Ccircle r='82.5' cx='400' cy='400' stroke-width='7' stroke-dasharray='84 518' transform='rotate(69  400  400)' opacity='0.82'%3E%3C/circle%3E%3Ccircle r='66' cx='400' cy='400' stroke-width='7' stroke-dasharray='50 415' transform='rotate(51  400  400)' opacity='0.86'%3E%3C/circle%3E%3Ccircle r='49.5' cx='400' cy='400' stroke-width='7' stroke-dasharray='25 311' transform='rotate(34  400  400)' opacity='0.91'%3E%3C/circle%3E%3Ccircle r='33' cx='400' cy='400' stroke-width='7' stroke-dasharray='8 207' transform='rotate(17  400  400)' opacity='0.95'%3E%3C/circle%3E%3Ccircle r='16.5' cx='400' cy='400' stroke-width='7' stroke-dasharray='0 104' opacity='1.00'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E") !important;
}
.biobg_gradientbg, #preview .card.biobg_gradientbg {
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.biobg_boxes, #preview .card.biobg_boxes {
		background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAIAAACRXR/mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABnSURBVHja7M5RDYAwDEXRDgmvEocnlrQS2SwUFST9uEfBGWs9c97nbGtDcquqiKhOImLs/UpuzVzWEi1atGjRokWLFi1atGjRokWLFi1atGjRokWLFi1af7Ukz8xWp8z8AAAA//8DAJ4LoEAAlL1nAAAAAElFTkSuQmCC") repeat 0 0;
		-webkit-animation: bg-scrolling-reverse 0.92s infinite;
		-moz-animation: bg-scrolling-reverse 0.92s infinite;
		-o-animation: bg-scrolling-reverse 0.92s infinite;
		animation: bg-scrolling-reverse 0.92s infinite;
		-webkit-animation-timing-function: linear;
		-moz-animation-timing-function: linear;
		-o-animation-timing-function: linear;
		animation-timing-function: linear;
}
@-webkit-keyframes bg-scrolling-reverse {
		100% {
		  background-position: 50px 50px;
		}
}
@-moz-keyframes bg-scrolling-reverse {
		100% {
		  background-position: 50px 50px;
		}
}
@-o-keyframes bg-scrolling-reverse {
		100% {
		  background-position: 50px 50px;
		}
}
@keyframes bg-scrolling-reverse {
		100% {
		  background-position: 50px 50px;
		}
}
@-webkit-keyframes bg-scrolling {
		0% {
		  background-position: 50px 50px;
		}
}
@-moz-keyframes bg-scrolling {
		0% {
		  background-position: 50px 50px;
		}
}
@-o-keyframes bg-scrolling {
		0% {
		  background-position: 50px 50px;
		}
}
@keyframes bg-scrolling {
		0% {
		  background-position: 50px 50px;
		}
}

.biobg_shapes, #preview .card.biobg_shapes  {
   background: linear-gradient(90deg,#e52e71,#ff8a00);
   overflow-x: hidden;
   position: relative;
}

.biobg_shapes::before, #preview .card.biobg_shapes::before {
  position: absolute;
  content: "";
  left: 30%;
  top: 20%;
  width: 100%;
  height: 100%;
  max-width: 450px;
  max-height: 450px;
  background: #17141d;
  border-radius: 62% 47% 82% 35% / 45% 45% 80% 66%;
  will-change: border-radius, transform, opacity;
  animation: sliderShape 5s linear infinite;
  display: block;
  z-index: -1;
  -webkit-animation: sliderShape 5s linear infinite;
}
@keyframes sliderShape{
  0%,100%{
  border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
	transform: translate3d(0,0,0) rotateZ(0.01deg);
  }
  34%{
	  border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;
	transform:  translate3d(0,5px,0) rotateZ(0.01deg);
  }
  50%{
	transform: translate3d(0,0,0) rotateZ(0.01deg);
  }
  67%{
	border-radius: 100% 60% 60% 100% / 100% 100% 60% 60% ;
	transform: translate3d(0,-3px,0) rotateZ(0.01deg);
  }
}
.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #000;
	border: 0;
    border-radius: 0.375rem;
    opacity: .5;
    background: transparent url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e) center/1em auto no-repeat;
}
span.small-icon {
    display: inline-block;
    font-size: 12px;
}
span.small-icon h1{
    display: inline-block;
    font-size: 12px;
    margin: 0;
    margin-right: 10px;
}
span.small-icon img{
    display: inline-block;
    height: 15px;
    width: auto !important;
    margin-right: 10px;
}

/* Product Widget Styles */
.product-widget-container {
    margin-bottom: 2rem;
}

.product-widget-header h3 {
    color: var(--bs-primary);
    font-size: 1.75rem;
    margin-bottom: 0.5rem;
}

.product-widget-header p {
    color: var(--bs-secondary);
    font-size: 1.1rem;
}

.products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.product-card {
    transition: all 0.3s ease;
    border-radius: 12px;
    overflow: hidden;
    height: 100%;
}

.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15) !important;
}

.product-image-container {
    position: relative;
    overflow: hidden;
    background: #f8f9fa;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-image {
    width: 100%;
    height: 200px;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.product-card:hover .product-image {
    transform: scale(1.05);
}

.product-card .card-body {
    padding: 1.5rem;
}

.product-card .card-title {
    color: var(--bs-dark);
    font-size: 1.25rem;
    line-height: 1.3;
}

.product-card .card-text {
    color: var(--bs-secondary);
    font-size: 0.95rem;
    line-height: 1.5;
}

.product-category {
    font-size: 0.8rem;
    font-weight: 500;
}

.product-rating {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.product-rating .fa-star,
.product-rating .fa-star-half-o,
.product-rating .fa-star-o {
    font-size: 0.9rem;
}

.product-price {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--bs-primary);
}

.product-card .btn {
    border-radius: 8px;
    font-weight: 600;
    padding: 0.5rem 1.5rem;
    transition: all 0.3s ease;
}

.product-card .btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

/* Product Widget Form Styles */
.product-widget-container .card {
    border-radius: 12px;
    overflow: hidden;
}

.product-widget-container .card-header {
    background: linear-gradient(135deg, var(--bs-primary) 0%, #0056b3 100%);
    border: none;
    padding: 1.25rem 1.5rem;
}

.product-widget-container .card-header h5 {
    font-size: 1.25rem;
    margin: 0;
}

.product-widget-container .card-body {
    padding: 2rem;
}

.product-widget-container .form-label {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--bs-secondary);
    margin-bottom: 0.5rem;
}

.product-widget-container .form-control,
.product-widget-container .form-select {
    border-radius: 8px;
    border: 2px solid #e9ecef;
    padding: 0.75rem 1rem;
    transition: all 0.3s ease;
}

.product-widget-container .form-control:focus,
.product-widget-container .form-select:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.15);
}

.product-widget-container .form-control-lg {
    font-size: 1.1rem;
    padding: 1rem 1.25rem;
}

.products-section {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 1.5rem;
    margin: 1.5rem 0;
}

.products-section h6 {
    color: var(--bs-primary);
    font-size: 1.1rem;
}

.product-item {
    border-radius: 8px;
    border: 1px solid #dee2e6;
    transition: all 0.3s ease;
}

.product-item:hover {
    border-color: var(--bs-primary);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.product-item .card-body {
    padding: 1.5rem;
}

.product-item h6 {
    color: var(--bs-primary);
    font-size: 1rem;
    margin-bottom: 0;
}

.product-item .btn-outline-danger {
    border-radius: 6px;
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
}

.product-item .btn-outline-danger:hover {
    transform: scale(1.05);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .products-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .product-widget-container .card-body {
        padding: 1.5rem;
    }
    
    .products-section {
        padding: 1rem;
    }
    
    .product-item .card-body {
        padding: 1rem;
    }
}

@media (max-width: 576px) {
    .product-widget-container .card-body {
        padding: 1rem;
    }
    
    .product-widget-container .form-control-lg {
        font-size: 1rem;
        padding: 0.875rem 1rem;
    }
}

/* Enhanced Product Widget Styles */
.products-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.products-list .btn-custom {
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.products-list .btn-custom:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    border-color: var(--bs-primary);
}

.products-scroll-container {
    scrollbar-width: thin;
    scrollbar-color: var(--bs-primary) #e9ecef;
}

.products-scroll-container::-webkit-scrollbar {
    height: 8px;
}

.products-scroll-container::-webkit-scrollbar-track {
    background: #e9ecef;
    border-radius: 4px;
}

.products-scroll-container::-webkit-scrollbar-thumb {
    background: var(--bs-primary);
    border-radius: 4px;
}

.products-scroll-container::-webkit-scrollbar-thumb:hover {
    background: var(--bs-dark);
}

.product-card {
    transition: all 0.3s ease;
    border-radius: 12px;
    overflow: hidden;
}

.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.product-card .btn-custom {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-decoration: none;
    transition: all 0.3s ease;
}

.product-card .btn-custom:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.product-card img {
    transition: transform 0.3s ease;
}

.product-card:hover img {
    transform: scale(1.05);
}

/* Product Form Styles */
.product-holder {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 1rem;
    border: 1px solid #dee2e6;
}

.product-holder:hover {
    border-color: var(--bs-primary);
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.product-container {
    margin-bottom: 1rem;
}

/* Responsive adjustments for enhanced products */
@media (max-width: 768px) {
    .product-card {
        min-width: 200px !important;
        max-width: 200px !important;
    }
    
    .product-holder {
        padding: 1rem;
    }
}

@media (max-width: 576px) {
    .product-card {
        min-width: 180px !important;
        max-width: 180px !important;
    }
    
    .product-holder {
        padding: 0.75rem;
    }
}

/* Enhanced Product Features Styles */
.product-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.product-meta .badge {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}

.product-status {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.rating-stars {
    display: flex;
    align-items: center;
    gap: 0.1rem;
}

.rating-stars i {
    transition: all 0.2s ease;
}

.rating-stars:hover i {
    transform: scale(1.1);
}

.product-holder .form-group {
    margin-bottom: 1rem;
}

.product-holder .form-label {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--bs-secondary);
    margin-bottom: 0.5rem;
}

.product-holder .form-control,
.product-holder .form-select {
    border-radius: 6px;
    border: 1px solid #dee2e6;
    padding: 0.5rem 0.75rem;
    font-size: 0.9rem;
    transition: all 0.3s ease;
}

.product-holder .form-control:focus,
.product-holder .form-select:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.15);
}

.product-holder .btn-danger {
    font-size: 0.8rem;
    padding: 0.25rem 0.5rem;
}

/* Product Display Enhancements */
.product-card .badge {
    font-size: 0.7rem;
    padding: 0.25rem 0.5rem;
    margin-bottom: 0.25rem;
    display: inline-block;
}

.product-card .rating-stars {
    justify-content: center;
    margin-bottom: 0.5rem;
}

.product-card .rating-stars i {
    font-size: 0.7rem;
}

/* Responsive adjustments for enhanced features */
@media (max-width: 768px) {
    .product-meta {
        flex-direction: column;
        gap: 0.25rem;
    }
    
    .product-status {
        flex-direction: column;
        gap: 0.25rem;
        align-items: flex-start;
    }
    
    .product-holder .form-control,
    .product-holder .form-select {
        font-size: 0.85rem;
        padding: 0.4rem 0.6rem;
    }
}

/* Category Filter Styles */
.category-filter {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 1rem;
    border: 1px solid #dee2e6;
}

.category-filter .form-label {
    margin-bottom: 0.5rem;
    color: var(--bs-primary);
}

.category-selector {
    border-radius: 6px;
    border: 1px solid #dee2e6;
    padding: 0.5rem 0.75rem;
    transition: all 0.3s ease;
}

.category-selector:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.15);
}

/* Product filtering animation */
.product-item {
    transition: all 0.3s ease;
}

.product-item.filtered-out {
    opacity: 0.3;
    transform: scale(0.95);
    pointer-events: none;
}