



/* Excepție mobil / tabletă */



/* varianta standard */

html body .benefits-bottom {
  justify-content: space-evenly;
}

html .benefits-top {
			flex-direction: row-reverse;
	}

@media screen and (min-width: 992px) and (max-width: 1262px) {
	html body .benefits-top {
			flex-direction: column-reverse;
	}
}

@media screen and (max-width: 490px) {
	html body .benefits-top {
			flex-direction: column-reverse;
	}
}

@media screen and (min-width: 992px) and (max-width: 1046px) {
	html body .benefits-top {
			font-size: 15px;
	}
}

@media screen and (max-width: 768px) {
    html body .benefits-bottom {
        gap: 3px;
    }
}

@media screen and (max-width: 768px) {
    html body .benefits-item {
        font-size: 12px;
    }
}

@media screen and (max-width: 768px) {
    html body .benefits-top {
        font-size: 14px;
        line-height: 5px;
        padding: 8px 5px 4px 5px;
        gap: 0px;
    }

		html body .benefits-bottom {
  		padding: 7px;
		}

		html body .benefits-badge svg {
    	margin-top: -10px;
		}
}

@media screen and (min-width: 992px) and (max-width: 1005px) {
	html body span.benefits-plus {
		display: none;
	}
}

@media screen and (max-width: 327px) {
	html body span.benefits-plus {
		display: none;
	}
}

@media screen and (max-width: 305px) {
	html body .benefits-badge svg {
			display: none;
	}
}

@media screen and (max-width: 462px) {
	html body .product-summary__info.product-summary__info--quantity {
			gap: 5px;
    	row-gap: 10px;
	}
}

@media screen and (max-width: 447px) {
		html body .product-summary__info.product-summary__info--quantity.product-summary__info--batch-quantity .product-action.product-action--open-credit-form {
			width: 70%;
		}
}

/* Buton adaugă în coș mai mic. 

@media screen and (max-width: 447px) {
	html body .product-summary__details .product-action--add-to-cart .btn-primary {
    padding: 0 5px 0 12px !important;
    font-size: 15px;
	}

	html body .product-summary__details .product-action--add-to-cart .btn-primary::after {
			margin-left: 0px;
	}
}
*/



.product-summary__details {
	  font-family: "Onest", Arial, sans-serif;
}

html body .page--product-details.page .page__content-wrapper .product-summary__heading {
  	color: #053028;
}

/* ==========================================================
   1. REVIEWS & STOCK AVAILABILITY (TOP ROW)
   ========================================================== */
.product-summary__details .product-summary__info--rating {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 20px;
		margin-right: 15px;
}

html body .product-summary__info {
  margin-bottom: 0;
}

/* For devices with a minimum width of 992px (Large) */
@media screen and (max-width: 1163px) {
  html body .product-summary__details .product-summary__info.product-summary__info--actions	.product-summary__info--availability {
		width: 100%;		
	}
	html body .product-summary__info.product-summary__info--availability {
		font-weight: 900;
		font-size: 17px;
	}
}

/* Ensure the stock badge inside the rating row aligns correctly */
.product-summary__details .product-summary__info--available,
.product-summary__details .product-summary__info--availability {
		display: inline-flex;
		align-items: center;
		vertical-align: middle;		
    margin: 0;
		width: fit-content;
}

/* Style the stock badge to match the light green pill */
.product-summary__details .product-summary__info--limited,
.product-summary__details .product-summary__info--available {
    background-color: #E8F5EE !important;
    color: #039354 !important;
    padding: 6px 16px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 500;
    text-transform: none;
}

/* ==========================================================
   2. PRICE DISPLAY
   ========================================================== */

/* Prețul per pachet */

html body .product-summary__details .product-summary__info--package-price-gross {  
  align-items: baseline;
  margin-bottom: 25px;
}


html body .page--product-details.page .page__content-wrapper .product-summary__info--package-price-gross {
  font-weight: 500;
  color: #10A055;
  font-size: 2rem;
  margin-right: 10px;
  text-transform: lowercase;
}

html body .page--product-details.page .page__content-wrapper .product-summary__info--package-price-gross > span:first-child {
  font-weight: 600;
}

html body .product-summary__details .product-summary__info--package-label-price-gross {
  color: #064E3B;
  font-size: 1rem;
  font-weight: 400;
}


/* Preț normal */

.product-summary__details .product-summary__info--price-gross-row {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    margin-bottom: 25px;
		/* margin-top: 25px; */ 
}

/* Old Price - full width to push the new price to a new line */
.product-summary__details .product-summary__info--old-price-gross {
    width: 100%;
    text-decoration: line-through;
    color: #6B7280; /* Gray */
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 5px;
		text-transform: lowercase;
}

/* New Price - Large, Bold, Green */
.product-summary__details .product-summary__info--price-gross {
    color: #10A055; /* Target Green */
    font-size: 2rem;
    font-weight: 800;
    margin-right: 10px;
		text-transform: lowercase;
}

/* TVA Text */
.product-summary__details .product-summary__info--tax-price-gross {
    color: #064E3B;
    font-size: 1rem;
    font-weight: 400;
}

/* ==========================================================
   3. ACTION BUTTONS & FORM LAYOUT
   ========================================================== */
.product-summary__details .product-summary__form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}


/* For devices with a minimum width of 992px (Large) */
@media screen and (max-width: 992px) {
  html body .quantity-spinner {
		min-width: 0;
	}
}


.quantity-spinner input {
	max-width: 1rem;
}


html body .quantity-spinner.input-group input.form-control[inputmode="decimal"] {
  min-width: 4ch;
}

.product-summary__info.product-summary__info--quantity {
    display: flex;
    flex-direction: row;
    align-items: center; /* Centers items vertically on the line */
    gap: 12px; /* Controls the space between each element */
    flex-wrap: wrap; /* Optional: allows them to drop to a new line on very small mobile screens to prevent overflow */
}

/* Ensure the child wrappers don't take up 100% width and force breaks */
.product-summary__info.product-summary__info--quantity .product-action {
    margin: 0; 
    flex: 0 0 auto;
}

@media (max-width: 1150px) {
		.product-summary__info.product-summary__info--quantity.product-summary__info--batch-quantity .product-action.product-action--open-credit-form {
				width: 100%;
		}
}

.product-summary__details .product-action--open-credit-form .product-summary__open-credit-form.btn {
  justify-content: center;
}

/* Remove default margins on wrappers */
.product-summary__details .product-summary__info--quantity,
.product-summary__details .product-action {
    margin: 0;
}

/* Quantity Selector Pill */
.product-summary__details .quantity-spinner {
    background-color: #F3F4F6 !important;
    border-radius: 50px !important;
    border: none !important;
    height: 48px;
    display: flex;
    align-items: center;
    padding: 0 5px;
    width: 120px;
}
.product-summary__details .quantity-spinner input {
    background: transparent !important;
    border: none !important;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    color: #000;
}
.product-summary__details .quantity-spinner__button {
    background: transparent !important;
    border: none !important;
    color: #000;
    font-size: 18px;
    padding: 0 10px;
}

/* "Adaugă în coș" Button */



.product-summary__details .product-action--add-to-cart .btn-primary {
    background-color: #02493B !important; /* Dark Green */
    color: #FFFFFF !important;
    border-radius: 50px !important;
    border: none !important;
    height: 48px;
    padding: 0 5px 0 42px !important; /* Extra left padding, tiny right padding for circle */
    font-weight: 600;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 15px;
    transition: opacity 0.2s ease;
}
.product-summary__details .product-action--add-to-cart .btn-primary:hover {
    opacity: 0.9;
}
/* Cart icon inside the light green circle */
.product-summary__details .product-action--add-to-cart .btn-primary::after {
    content: "";
		margin-left: 20px;
    display: block;
    width: 36px;
    height: 36px;
    background-color: #12A155; /* Light Green Circle */
    border-radius: 50%;
    /* Shopping cart SVG */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'%3E%3C/circle%3E%3Ccircle cx='20' cy='21' r='1'%3E%3C/circle%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
}

.product-summary__details .product-action--add-to-cart .btn.btn-primary.btn-loading.disabled::after {
		display: none;
}

html body .product-summary__details .product-action--add-to-cart .btn-primary.disabled {
	  padding: 0 42px 0 42px !important;
}


/* Excepție tabletă */
@media screen and (min-width: 992px) and (max-width: 1088px) {
	html body div .product__add-to-cart.btn-primary {
		padding: 0 4px 0 10px !important;  
	}
	  
	html body div .product__add-to-cart.btn-primary {
		width: 140px;
		font-size: 11px;
	}
}

/* Excepție mobil mic */
@media screen and (max-width: 500px) {
	html body div .product__add-to-cart.btn-primary {
		padding: 0 4px 0 10px !important;  
	}
	  
	html body div .product__add-to-cart.btn-primary {
		width: 140px;
		font-size: 11px;
	}
}


/* Wishlist (Heart) Button */
.product-summary__details .product-action--add-to-favorites .product-summary__save-wishlist {
    background: transparent !important;
    border-radius: 50px !important;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
}
.product-summary__details .product-summary__save-wishlist-text {
    display: none !important; /* Hide the text */
}
.product-summary__details .product-summary__save-wishlist svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: #02493B !important;
    stroke-width: 2;
    margin: 0 !important;
}

html body .page--product-details.page .page__content-wrapper .product-summary__info--sku {
  margin: 0;
}

/* Installments / Credit Button */
.product-summary__details .product-action--open-credit-form .product-summary__open-credit-form.btn {
    background-color: #F3F4F6 !important; /* Gray Pill */
    color: #02493B !important; /* Dark Green Text */
    border-radius: 50px !important;
    border: none !important;
    height: 48px;
    padding: 0 20px !important;
    font-weight: 500;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}
/* Credit card SVG icon */
.product-summary__details .product-action--open-credit-form .product-summary__open-credit-form.btn::after {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2302493B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2' /%3E%3Cline x1='3' y1='9' x2='21' y2='9' /%3E%3Cline x1='6' y1='12' x2='9' y2='12' /%3E%3Cline x1='6' y1='15' x2='11' y2='15' /%3E%3Cpath d='M 13 13.5 C 15 13.5 16.5 12.5 17 11' /%3E%3Cpath d='M 15 9.5 L 17 11 L 15 12.5' /%3E%3Cpath d='M 11 16.5 C 9 16.5 7.5 17.5 7 19' /%3E%3Cpath d='M 9 20.5 L 7 19 L 9 17.5' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* ==========================================================
   4. META INFORMATION ROW (Livrare, Cod, EAN)
   ========================================================== */
.product-summary__details .product-summary__info--actions {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
		margin-bottom: 20px;
    color: #02493B;
    font-weight: 500;
    font-size: 14px;
}
.product-summary__details .product-summary__info--actions > div {
    display: flex;
    align-items: center;
    margin: 0;
}

/* Add spaces after the labels so they don't touch the values */
.product-summary__details .product-summary__info--sku .info-label::after,
.product-summary__details .product-summary__info--ean .info-label::after {
    content: ":\00a0";
}

/* Box / Delivery SVG Icon before "Livrare" */
.product-summary__details .product-summary__info--actions .product-summary__info--availability::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='100%25' height='100%25'%3E%3Cdefs%3E%3Cmask id='icon-cutouts'%3E%3Crect width='100' height='100' fill='white' /%3E%3Cpath d='M 52 3 L 32 15 C 22 21 18 28 18 38 L 18 60 L 24 54 L 30 60 L 30 38 C 30 28 34 22 42 17 L 62 5 Z' fill='black' /%3E%3Ccircle cx='72' cy='72' r='24' fill='none' stroke='black' stroke-width='6' /%3E%3Cpath d='M 59 71 L 68 80 L 82 58' fill='none' stroke='black' stroke-width='6' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/mask%3E%3C/defs%3E%3Cg mask='url(%23icon-cutouts)' fill='%2302493B'%3E%3Cpolygon points='50,15 80.3,32.5 80.3,67.5 50,85 19.7,67.5 19.7,32.5' stroke='%2302493B' stroke-width='12' stroke-linejoin='round' /%3E%3Ccircle cx='72' cy='72' r='24' /%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 8px;
}


html body .header {
  color: #02493B;
}


	img.bslot-slider__image {
		border-radius: 0 0 30px 30px;
	}

	/* ==========================================
   PRODUCT CARD CONTAINER
   ========================================== */
.product--grid {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #FFFFFF;
  border-radius: 16px;
  padding: 12px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  overflow: hidden;
}

.product--grid:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
}

/* ==========================================
   BADGES (Discount & Free Shipping)
   ========================================== */
.grid-image__badges--left {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.grid-image__badge--price-discount {
  background-color: #DB0000 !important; 
  color: #FFFFFF !important;            /* Dark Green */
  font-weight: 400;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.grid-image__badge--free-shipping {
  background-color: #02493B !important; /* Dark Green */
  color: #FFFFFF !important;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.grid-image__badge--free-shipping svg {
  width: 16px;
  height: 16px;
  fill: #FFFFFF;
}

/* ==========================================
   WISHLIST (HEART) BUTTON
   ========================================== */

/* 1. Hide the default SVG icon */
.grid-image__save-wishlist svg {
  display: none !important;
}

/* 2. Inject your new SVG image */


html body .grid-image__save-wishlist::before {
  background-color: transparent;
  content: "";
  display: block;
  width: 25px;
  height: 20px;
background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.7802 3.21012C18.5287 1.94226 16.8646 1.24408 15.0946 1.24408C13.5292 1.24408 12.0466 1.79028 10.8589 2.79355C9.67137 1.79028 8.18874 1.24408 6.62337 1.24408C4.85336 1.24408 3.1893 1.94231 1.9377 3.21012C-0.645901 5.82732 -0.645901 10.0859 1.9377 12.7032L9.20379 20.0636C9.6446 20.5101 10.2324 20.7559 10.859 20.7559C11.4856 20.7559 12.0734 20.5101 12.5142 20.0636L19.7802 12.7032C22.3638 10.0859 22.3638 5.82727 19.7802 3.21012ZM18.8802 11.7914L11.6141 19.1518C11.4138 19.3547 11.1456 19.4665 10.859 19.4665C10.5724 19.4665 10.3042 19.3547 10.1039 19.1518L2.83781 11.7914C0.750512 9.67687 0.750512 6.23632 2.83777 4.12187C3.84896 3.09755 5.1934 2.53347 6.62337 2.53347C8.05335 2.53347 9.39778 3.09755 10.4089 4.12183C10.6574 4.37361 11.0604 4.37361 11.309 4.12183C12.3202 3.09751 13.6646 2.53342 15.0946 2.53342C16.5246 2.53342 17.8691 3.09751 18.8802 4.12179C20.9675 6.23632 20.9675 9.67687 18.8802 11.7914Z' fill='%2302493B'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}


html body .grid-image__save-wishlist::before {
  border-radius: 100%;
	opacity: 1;
}

.grid-image__save-wishlist {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 2;
  background-color: transparent !important;
  border-radius: 100% !important;
  width: 36px !important;
  height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  cursor: pointer;
  transition: background 0.2s ease;
}

.grid-image__save-wishlist:hover {
  background-color: transparent !important;
}

.grid-image__save-wishlist svg {
  width: 18px;
  height: 18px;
  stroke: #02493B !important;
  fill: none;
  stroke-width: 2;
}

.grid-image__save-wishlist--saved svg {
  fill: none;
}

/* ==========================================
   PRODUCT IMAGE
   ========================================== */
.grid-image__image-wrapper {
  display: block;
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
}

.grid-image__image {
  width: 100%;
  height: auto;
  object-fit: contain;
}

/* ==========================================
   PRODUCT CONTENT & TITLE
   ========================================== */
.product__data {
  display: flex;
  flex-direction: column;
  margin-top: 12px;
  flex-grow: 1;
}

.product__name {
  color: #111827;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.3;
  text-decoration: none;
  margin-bottom: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.product__name:hover {
  color: #02493B;
}

/* ==========================================
   PRICES (New & Old)
   ========================================== */
.product__info--price-row {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 14px;
}

.product__info--price-gross {
  color: #02493B;
  font-weight: 800;
  font-size: 18px;
}

.product__info--old-price-gross {
  color: #9CA3AF;
  text-decoration: line-through;
  font-size: 13px;
  font-weight: 500;
}

/* ==========================================
   "ADAUGĂ ÎN COȘ" BUTTON
   ========================================== */
.product__actions {
  margin-top: auto;
}



html body .product__add-to-cart.btn-primary {
  background-color: #02493B !important; /* Dark Green */
  color: #FFFFFF !important;
  border-radius: 50px !important;
  border: none !important;
  height: 44px;
  padding: 0 4px 0 20px !important; /* Spacing for button text and end circle */
  font-weight: 700;
  font-size: 14px;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  text-decoration: none;
  width: 180px;
  box-sizing: border-box;
  transition: opacity 0.2s ease;
}

/* Container: Stack prices vertically */
.product__info--price-row {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important; /* Align prices to the left */
  gap: 2px !important;
}

/* 1. Old Price (Top Position) */
.product__info--old-price-gross {
  order: 1 !important;                 /* Places this element FIRST */
  color: #8E98A0 !important;           /* Muted gray */
  text-decoration: line-through !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

/* 2. New Discounted Price (Bottom Position) */
.product__info--price-gross {
  order: 2 !important;                 /* Places this element SECOND */
  color: #000000 !important;           /* Solid black */
  font-size: 18px !important;          /* Larger font size */
  font-weight: 800 !important;          /* Extra bold */
  line-height: 1.2 !important;
}


html body .product--grid .product__data {
  align-items: flex-start;
}

/* Optional: Make the "RON" suffix lowercase to match Image 2 precisely */
.product__info--price-gross span,
.product__info--old-price-gross span {
  text-transform: lowercase;
}

.product__add-to-cart.btn-primary:hover {
  opacity: 0.92;
}

/* Embedded light green circle with cart icon */
.product__add-to-cart.btn-primary::after {
  content: "";
  display: flex;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  background-color: #17E077 !important; /* Light Green */
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2302493B' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'%3E%3C/circle%3E%3Ccircle cx='20' cy='21' r='1'%3E%3C/circle%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
}

/* Loading/Disabled states */
.product__add-to-cart.btn-primary.btn-loading.disabled::after {
  display: none;
}


	html body .header__menu-wide {
		width: auto;
	}
	.search-inline {
		flex-basis: 260px;
	}

	/* Override JavaScript inline width */
section.ss-results {
  width: 750px !important;     /* Change 750px to your desired width */
  min-width: 0 !important;      /* Clears the JS min-width inline constraint */
  max-width: 90vw !important;   /* Prevents overflow on mobile screens */
	right: 100px !important;
	left: auto !important;
}

html body .header__action,
html body a.header__action,
html body a.header__action svg{ 
	color: #02493B;
}

.search-inline__form.form input {
  border-color: #10A055;
}
.form-control {
  border: 2px solid #10A055;
}


@media (min-width: 992px) {
  html body .header__menu-item > a {
    text-transform: none;
  }
}

html body .header__menu-content--tree>a,
html body .header__menu-content--tree .menu-tree__item>a {
    text-transform: none;
}

/* Media from admin-entered product description must not overflow on small screens - SB-7712 */
.product-content__block iframe,
.product-content__block video,
.product-content__block img,
.product-content__block table {
	max-width: 100%;
}

.product-content__block iframe {
	aspect-ratio: 16 / 9;
	height: auto;
}

/* Product content tabs: align sticky top with collapsed sticky header height - SB7712 */
.product-content__tabs {
	top: 64px !important;
}
