.cc-blogreco-panel {
	 display: none;
	 position: fixed;
	 top: 0;
	 right: 0;
	 width: 270px;
	 height: 100vh;
	 background: #fff;
	 border-left: 3px solid #1a1a1a;
	 z-index: 999999999;
	 box-shadow: -3px 0 14px rgba(0, 0, 0, 0.18);
	 font-family: Arial, sans-serif;
}
 .cc-blogreco-panel .cc-bp-arrow-up, .cc-blogreco-panel .cc-bp-arrow-down {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 width: 100%;
	 height: 32px;
	 background: #1a1a1a;
	 border: none;
	 cursor: pointer;
	 flex-shrink: 0;
	 text-decoration: none;
	 transition: background 0.2s, opacity 0.2s;
}
 .cc-blogreco-panel .cc-bp-arrow-up img, .cc-blogreco-panel .cc-bp-arrow-down img {
	 width: 23px;
	 height: 23px;
}
 .cc-blogreco-panel .cc-bp-arrow-up.cc-bp-arrow-disabled, .cc-blogreco-panel .cc-bp-arrow-down.cc-bp-arrow-disabled {
	 background: #999;
	 cursor: default;
	 pointer-events: none;
	 opacity: 0.6;
}
 .cc-blogreco-panel .cc-bp-vtab {
	 position: absolute;
	 top: 70%;
	 left: 0;
	 transform: rotate(-90deg) translateY(-100%);
	 transform-origin: 0 0;
	 background: #f26522;
	 color: #fff;
	 font-size: 16px;
	 font-weight: 700;
	 letter-spacing: 1.4px;
	 text-transform: uppercase;
	 padding: 7px 16px;
	 border-radius: 4px 4px 0 0;
	 cursor: pointer;
	 white-space: nowrap;
	 user-select: none;
	 z-index: 2;
	 text-decoration: none;
	 display: flex;
	 align-items: center;
	 gap: 8px;
	 transition: background 0.2s;
	 margin-top: 0;
}
 .cc-blogreco-panel .cc-bp-vtab:hover {
	 background: #f26522;
}
 .cc-bp-vtab-arrow {
	 display: inline-block;
	 width: 0;
	 height: 0;
	 border-top: 5px solid transparent;
	 border-bottom: 5px solid transparent;
	 border-right: 7px solid #fff;
	 transition: transform 0.25s;
	 flex-shrink: 0;
	 transform: rotate(90deg);
}
 .cc-blogreco-panel:not(.cc-bp-collapsed) .cc-bp-vtab-arrow {
	 transform: rotate(270deg);
}
 .cc-bp-close-btn {
	 position: absolute;
	 top: 0px;
	 right: 0px;
	 width: 28px;
	 height: 28px;
	 background: #f26522;
	 border: none;
	 cursor: pointer;
	 z-index: 10;
	 display: none;
	 align-items: center;
	 justify-content: center;
	 border-radius: 0;
	 padding: 0;
	 flex-shrink: 0;
}
 .cc-bp-close-btn svg {
	 width: 14px;
	 height: 14px;
	 stroke: #fff;
	 stroke-width: 2.5;
	 stroke-linecap: round;
}
 .cc-blogreco-panel:not(.cc-bp-collapsed) .cc-bp-close-btn {
	 display: flex;
}
 .cc-bp-inner {
	 display: flex;
	 flex-direction: column;
	 height: 100vh;
}
 .cc-bp-scroll {
	 flex: 1;
	 overflow-y: scroll;
	 overflow-x: hidden;
	 padding: 0;
	 scrollbar-width: inherit;
	 scrollbar-color: #f26522 #e8e8e8;
}
 .cc-bp-scroll::-webkit-scrollbar {
	 width: 9px;
	 border-radius: 0;
}
 .cc-bp-scroll::-webkit-scrollbar-track {
	 background: #e8e8e8;
}
 .cc-bp-scroll::-webkit-scrollbar-thumb {
	 background: #1a1a1a;
	 border-radius: 0;
}
 .cc-bp-scroll::-webkit-scrollbar-thumb:hover {
	 background: #333;
}
 .cc-bp-card {
	 padding: 1px 6px 10px;
	 position: relative;
	 margin: 0 8px;
	 border-bottom: 1px solid #e8e8e8;
	 box-sizing: border-box;
}
 .cc-bp-card:last-child {
	 border-bottom: none;
}
 .cc-bp-img-wrap {
	 position: relative;
	 margin-bottom: 15px;
}
 .cc-bp-img-wrap a.cc-bp-img-link {
	 position: relative;
	 padding-bottom: 100%;
	 display: block;
}
 .cc-bp-img-wrap img {
	 position: absolute;
	 margin: 0 auto;
	 max-width: 100%;
	 max-height: 100%;
	 width: 100%;
	 height: 100%;
	 top: 50%;
	 left: 0;
	 right: 0;
	 transform: translateY(-50%);
	 object-fit: contain;
}
 .cc-bp-badge-sale, .cc-bp-badge-save {
	 background: #f26522;
	 color: #fff;
	 text-transform: uppercase;
	 padding: 2px 6px;
	 font-size: 12px;
	 position: absolute;
	 top: 0px;
	 left: 2px;
	 z-index: 9;
	 display: none;
	 font-family: Arial, sans-serif;
	 font-weight: 600;
}
 .cc-bp-cta-overlay {
	 width: 90%;
	 border: 1px solid rgba(0, 0, 0, 0.8);
	 position: absolute;
	 font-family: "Open Sans", Arial, Helvetica, sans-serif;
	 background: rgba(0, 0, 0, 0.8);
	 text-decoration: none;
	 margin: 10px auto;
	 color: #fff;
	 left: 0px;
	 right: 0px;
	 padding: 10px 4px;
	 display: none;
	 text-align: center;
	 font-size: 14px;
	 text-transform: uppercase;
	 font-weight: 600;
	 letter-spacing: 1px;
	 border-radius: 6px;
	 bottom: -25px;
	 cursor: pointer;
	 transition: background 0.22s ease, color 0.22s ease;
}
 .cc-bp-img-wrap:hover .cc-bp-cta-overlay {
	 display: block;
}
 .cc-bp-cta-overlay:hover {
	 background: #fff !important;
	 color: #000 !important;
}
 .cc-bp-name {
	 display: block;
	 position: relative;
	 text-align: center;
	 color: #444;
	 font-family: "Open Sans", Arial, Helvetica, sans-serif;
	 font-size: 13px;
	 font-weight: 500;
	 line-height: normal;
	 margin: 10px 0px 3px;
	 padding: 0px 2px;
	 text-decoration: none;
	 text-transform: capitalize;
	 letter-spacing: 0px;
	 overflow: hidden;
}
 .cc-bp-name:hover {
	 color: #f26522;
}
 .cc-bp-price-row {
	 margin-right: 0.25rem;
	 line-height: 1.4375rem;
	 text-align: center;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 flex-wrap: wrap;
	 gap: 4px;
}
 .cc-bp-price {
	 color: #444;
	 font-size: 14px;
	 font-weight: 500;
	 font-family: Arial, sans-serif;
}
 .cc-bp-orig-price {
	 color: #7d7d7d;
	 font-size: 14px;
	 font-weight: 500;
	 padding-left: 10px;
	 text-decoration: line-through;
	 font-family: Arial, sans-serif;
}
 .cc-bp-stars {
	 display: none;
	 align-items: center;
	 justify-content: center;
	 width: 75px;
	 text-align: center;
	 margin: 10px auto;
}
 .cc-bp-stars img {
	 width: 60px;
	 display: block;
}
 .cc-bp-loading {
	 text-align: center;
	 padding: 24px 10px;
	 color: #aaa;
	 font-size: 12px;
	 font-family: Arial, sans-serif;
}
 .cc-blogreco-panel.cc-bp-collapsed {
	 width: 0;
	 border-left: none;
	 box-shadow: none;
	 overflow: visible;
}
 .cc-blogreco-panel.cc-bp-collapsed .cc-bp-inner {
	 display: none;
}
 @media only screen and (max-width: 768px) {
	 .cc-blogreco-panel {
		 width: 175px;
	}
	 .cc-blogreco-panel .cc-bp-vtab {
		 font-size: 10px;
		 padding: 6px 14px;
	}
	 .cc-bp-name {
		 font-size: 11px;
	}
	 .cc-bp-price, .cc-bp-orig-price {
		 font-size: 12px;
	}
}
 @media only screen and (min-width: 1010px) and (max-width: 1300px) {
	 .cc-bp-inner {
		 height: 98vh !important;
	}
}
 
.cc-bp-backdrop {
	 display: none;
	 position: fixed;
	 top: 0;
	 left: 0;
	 width: 100vw;
	 height: 100vh;
	 background: rgba(100, 100, 100, 0.55);
	 z-index: 999999998;
	 cursor: pointer;
}
 .cc-bp-backdrop.cc-bp-backdrop-visible {
	 display: block;
}
 .cc-bp-sticky-cta {
	 position: fixed;
	 left: 0;
	 z-index: 999999997;
	 display: none;
	 width: 100%;
}
 .cc-bp-sticky-cta-btn {
	 display: flex;
	 width: 100%;
	 justify-content: center;
	 align-items: center;
	 gap: 8px;
	 background: #f26522;
	 color: #fff;
	 font-size: 14px;
	 font-weight: 700;
	 letter-spacing: 1.2px;
	 text-transform: uppercase;
	 padding: 9px 18px;
	 border: none;
	 cursor: pointer;
	 user-select: none;
	 font-family: Arial, sans-serif;
}
 .cc-bp-sticky-cta-btn .cc-bp-cta-arrow {
	 display: inline-block;
	 width: 0;
	 height: 0;
	 border-top: 5px solid transparent;
	 border-bottom: 5px solid transparent;
	 border-left: 7px solid #fff;
	 transition: transform 0.25s;
	 flex-shrink: 0;
	 transform: rotate(90deg);
}
 .cc-bp-mob-panel {
	 display: none;
	 position: fixed;
	 top: 0;
	 right: 0;
	 width: 260px;
	 height: 100vh;
	 background: #fff;
	 border-right: 3px solid #1a1a1a;
	 z-index: 999999999;
	 box-shadow: 3px 0 14px rgba(0, 0, 0, 0.18);
	 font-family: Arial, sans-serif;
}
 .cc-bp-mob-panel .cc-bp-vtab {
	 display: none !important;
}
 .cc-bp-mob-panel .cc-bp-arrow-up, .cc-bp-mob-panel .cc-bp-arrow-down {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 width: 100%;
	 height: 32px;
	 background: #f26522;
	 border: none;
	 flex-shrink: 0;
	 text-decoration: none;
	 transition: background 0.2s, opacity 0.2s;
	 color: #fff;
	 font-size: 18px;
	 font-weight: 600;
	 cursor: default;
	 pointer-events: none;
}
 .cc-bp-mob-panel .cc-bp-arrow-up img, .cc-bp-mob-panel .cc-bp-arrow-down img {
	 width: 23px;
	 height: 23px;
	 display: none;
}
 .cc-bp-mob-panel .cc-bp-arrow-up {
	 display: none !important;
}
 .cc-bp-mob-panel .cc-bp-arrow-down {
	 margin-bottom: 54px !important;
}
 .cc-bp-mob-panel .cc-bp-close-btn {
	 position: absolute;
	 top: 6px;
	 right: 6px;
	 width: 28px;
	 height: 28px;
	 background: #f26522;
	 border: none;
	 cursor: pointer;
	 z-index: 10;
	 display: none;
	 align-items: center;
	 justify-content: center;
	 border-radius: 0;
	 padding: 0;
	 flex-shrink: 0;
}
 .cc-bp-mob-panel .cc-bp-close-btn svg {
	 width: 14px;
	 height: 14px;
	 stroke: #fff;
	 stroke-width: 2.5;
	 stroke-linecap: round;
}
 .cc-bp-mob-panel:not(.cc-bp-collapsed) .cc-bp-close-btn {
	 display: flex;
}
 .cc-bp-mob-panel .cc-bp-inner {
	 display: flex;
	 flex-direction: column;
	 height: 100vh;
}
 .cc-bp-mob-panel .cc-bp-scroll {
	 flex: 1;
	 overflow-y: scroll;
	 overflow-x: hidden;
	 padding: 0;
	 scrollbar-width: thin;
	 scrollbar-color: #000 #e8e8e8;
}
 .cc-bp-mob-panel .cc-bp-scroll::-webkit-scrollbar {
	 width: 9px;
	 border-radius: 0;
}
 .cc-bp-mob-panel .cc-bp-scroll::-webkit-scrollbar-track {
	 background: #e8e8e8;
}
 .cc-bp-mob-panel .cc-bp-scroll::-webkit-scrollbar-thumb {
	 background: #1a1a1a;
	 border-radius: 0;
}
 .cc-bp-mob-panel .cc-bp-scroll::-webkit-scrollbar-thumb:hover {
	 background: #333;
}
 .cc-bp-mob-panel .cc-bp-card {
	 padding: 1px 6px 10px;
	 position: relative;
	 margin: 0 8px;
	 border-bottom: 1px solid #e8e8e8;
	 box-sizing: border-box;
}
 .cc-bp-mob-panel .cc-bp-card:last-child {
	 border-bottom: none;
}
 .cc-bp-mob-panel .cc-bp-img-wrap {
	 position: relative;
}
 .cc-bp-mob-panel .cc-bp-img-wrap a.cc-bp-img-link {
	 position: relative;
	 padding-bottom: 90%;
	 display: block;
}
 .cc-bp-mob-panel .cc-bp-img-wrap img {
	 position: absolute;
	 margin: 0 auto;
	 max-width: 100%;
	 max-height: 100%;
	 width: 100%;
	 height: 100%;
	 top: 50%;
	 left: 0;
	 right: 0;
	 transform: translateY(-50%);
	 object-fit: contain;
}
 .cc-bp-mob-panel .cc-bp-badge-sale, .cc-bp-mob-panel .cc-bp-badge-save {
	 background: #f26522;
	 color: #fff;
	 text-transform: uppercase;
	 padding: 2px 6px;
	 font-size: 12px;
	 position: absolute;
	 top: 0px;
	 left: 2px;
	 z-index: 9;
	 display: none;
	 font-family: Arial, sans-serif;
	 font-weight: 600;
}
 .cc-bp-mob-panel .cc-bp-cta-overlay {
	 width: 90%;
	 border: 1px solid rgba(0, 0, 0, 0.8);
	 font-family: "Open Sans", Arial, Helvetica, sans-serif;
	 background: rgba(0, 0, 0, 0.8);
	 text-decoration: none;
	 margin: 10px auto;
	 color: #fff;
	 position: unset !important;
	 left: 0px;
	 right: 0px;
	 padding: 4px 4px;
	 display: block;
	 text-align: center;
	 font-size: 14px;
	 text-transform: uppercase;
	 font-weight: 600;
	 letter-spacing: 1px;
	 border-radius: 6px;
	 cursor: pointer;
	 transition: background 0.22s ease, color 0.22s ease;
}
 .cc-bp-mob-panel .cc-bp-cta-overlay:hover {
	 background: #fff !important;
	 color: #000 !important;
}
 .cc-bp-mob-panel .cc-bp-name {
	 display: block;
	 position: relative;
	 text-align: center;
	 color: #444;
	 font-family: "Open Sans", Arial, Helvetica, sans-serif;
	 font-size: 11px;
	 font-weight: 500;
	 line-height: normal;
	 margin: 10px 0px 3px;
	 padding: 0px 2px;
	 text-decoration: none;
	 text-transform: capitalize;
	 letter-spacing: 0px;
	 overflow: hidden;
}
 .cc-bp-mob-panel .cc-bp-name:hover {
	 color: #f26522;
}
 .cc-bp-mob-panel .cc-bp-price-row {
	 margin-right: 0.25rem;
	 line-height: 1.4375rem;
	 text-align: center;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 flex-wrap: wrap;
	 gap: 4px;
}
 .cc-bp-mob-panel .cc-bp-price {
	 color: #444;
	 font-size: 12px;
	 font-weight: 500;
	 font-family: Arial, sans-serif;
}
 .cc-bp-mob-panel .cc-bp-orig-price {
	 color: #7d7d7d;
	 font-size: 12px;
	 font-weight: 500;
	 padding-left: 10px;
	 text-decoration: line-through;
	 font-family: Arial, sans-serif;
}
 .cc-bp-mob-panel .cc-bp-stars {
	 display: none;
	 align-items: center;
	 justify-content: center;
	 width: 75px;
	 text-align: center;
	 margin: 10px auto;
}
 .cc-bp-mob-panel .cc-bp-stars img {
	 width: 60px;
	 display: block;
}
 .cc-bp-mob-panel .cc-bp-loading {
	 text-align: center;
	 padding: 24px 10px;
	 color: #aaa;
	 font-size: 12px;
	 font-family: Arial, sans-serif;
}
 .cc-bp-mob-panel.cc-bp-collapsed {
	 width: 0;
	 border-right: none;
	 box-shadow: none;
	 overflow: visible;
}
 .cc-bp-mob-panel.cc-bp-collapsed .cc-bp-inner {
	 display: none;
}
 .cc-bp-panel-header {
	 background: #f26522;
	 color: #fff;
	 font-family: Arial, sans-serif;
	 font-size: 14px;
	 font-weight: 700;
	 letter-spacing: 1px;
	 text-transform: uppercase;
	 padding: 10px 36px 10px 12px;
	 flex-shrink: 0;
	 text-align: center;
}
 @media only screen and (max-width: 768px) {
	 .cc-bp-sticky-cta-btn {
		 font-size: 15px;
		 padding: 7px 12px;
	}
}