:root {
  --sidra-green:#39b54a;--sidra-green-dark:#258b35;--sidra-green-light:#eff9f0;
  --sidra-blue:#006ca8;--sidra-blue-dark:#004c78;--sidra-blue-light:#eaf8fb;
  --sidra-aqua:#4ec5d4;--sidra-aqua-light:#dff7fa;--sidra-white:#fff;
  --sidra-gray-50:#f8fafb;--sidra-gray-100:#f5f7f8;--sidra-gray-200:#edf1f3;
  --sidra-gray-300:#dce4e8;--sidra-gray-500:#687780;--sidra-gray-700:#37454d;
  --sidra-text:#1e2a32;--sidra-font-heading:"Montserrat",Arial,sans-serif;
  --sidra-font-body:"Montserrat",Arial,sans-serif;
}
.single-product .site-main{max-width:none;padding:0}.sidra-single-product{font-family:var(--sidra-font-body);color:var(--sidra-text);background:var(--sidra-gray-50)}
/* WooCommerce's default woocommerce_before_main_content hook prints its own
   breadcrumb as a direct child of #main, full-width, before this custom
   template even loads — duplicating the correctly-boxed one rendered
   further down inside .sidra-product-shell. Hide only that outer duplicate. */
.single-product .site-main > .woocommerce-breadcrumb{display:none}
.sidra-product-shell{width:min(100% - 32px,1660px);margin-inline:auto;padding:18px 0 72px}.sidra-product-shell .woocommerce-breadcrumb{margin:0 0 18px;font-size:12px;color:var(--sidra-gray-500)}
.sidra-product-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr);gap:48px;background:var(--sidra-white);padding:32px;border:1px solid var(--sidra-gray-200);border-radius:20px}
.sidra-product-gallery .woocommerce-product-gallery{width:100%!important;float:none!important;margin:0!important}.sidra-product-gallery .woocommerce-product-gallery__wrapper{background:var(--sidra-gray-50);border-radius:18px;overflow:hidden}.sidra-product-gallery .woocommerce-product-gallery__image a{display:flex;align-items:center;justify-content:center;min-height:540px;padding:42px}.sidra-product-gallery img{object-fit:contain;max-height:480px;width:auto!important;margin:auto}
.sidra-product-gallery .flex-control-thumbs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px!important}.sidra-product-gallery .flex-control-thumbs li{width:auto!important;float:none!important;background:var(--sidra-white);border:1px solid var(--sidra-gray-200);border-radius:12px;padding:10px}.sidra-product-gallery .flex-control-thumbs img{aspect-ratio:1.25;object-fit:contain;opacity:.65}.sidra-product-gallery .flex-control-thumbs img.flex-active{opacity:1}
.sidra-product-summary{align-self:start}.sidra-product-badge,.sidra-sale-pill{display:inline-flex;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700}.sidra-product-badge{background:var(--sidra-blue-light);color:var(--sidra-blue-dark)}.sidra-sale-pill{background:var(--sidra-green-light);color:var(--sidra-green-dark)}
.sidra-product-title{margin:10px 0 12px;font-family:var(--sidra-font-heading);font-size:clamp(30px,3.2vw,52px);line-height:1.04;color:var(--sidra-blue-dark)}.sidra-product-price-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sidra-product-price{font-weight:800;color:var(--sidra-blue);font-size:20px}.sidra-product-price del{font-size:13px;color:var(--sidra-gray-500);font-weight:500}.sidra-product-price ins{text-decoration:none}
.sidra-product-excerpt{margin:24px 0;color:var(--sidra-gray-700);line-height:1.75;font-size:15px}.sidra-pack-note{display:block;margin-top:10px;color:var(--sidra-gray-500)}
.sidra-trust-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:26px 0;color:var(--sidra-gray-700);font-size:13px;font-weight:600}
.sidra-trust-item{display:inline-flex;align-items:center;gap:8px}
.sidra-trust-icon{display:inline-flex;width:18px;height:18px;color:var(--sidra-green-dark)}
.sidra-trust-icon svg{width:100%;height:100%}
.sidra-trust-icon--flag{width:14px;height:14px;border-radius:50%;background:#8a1538;box-shadow:inset 0 0 0 2px #fff, 0 0 0 1px var(--sidra-gray-300)}
.sidra-trust-divider{width:1px;height:16px;background:var(--sidra-gray-300)}
.sidra-product-accordions{border-top:1px solid var(--sidra-gray-200)}.sidra-product-accordions details{border-bottom:1px solid var(--sidra-gray-200)}.sidra-product-accordions summary{list-style:none;padding:21px 0;font-size:18px;font-weight:700;color:var(--sidra-blue-dark);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px}.sidra-product-accordions summary::-webkit-details-marker{display:none}
.sidra-accordion-title{display:inline-flex;align-items:center;gap:10px}
.sidra-accordion-icon{width:16px;height:19px;color:var(--sidra-aqua)}
.sidra-accordion-chevron{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--sidra-gray-100);color:var(--sidra-blue-dark);font-size:15px;transition:transform .15s ease}
.sidra-product-accordions details[open] .sidra-accordion-chevron{transform:rotate(180deg)}
.sidra-mineral-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 0 20px}.sidra-mineral-grid div{display:flex;justify-content:space-between;gap:16px;background:var(--sidra-blue-light);border-radius:8px;padding:13px}.sidra-mineral-grid span{font-size:11px}.sidra-mineral-grid strong{font-size:12px;color:var(--sidra-blue-dark)}.sidra-detail-copy{padding:0 0 20px;color:var(--sidra-gray-700);line-height:1.7}
.sidra-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:28px 0;background:var(--sidra-white);padding:32px;border:1px solid var(--sidra-gray-200);border-radius:18px}.sidra-benefit{text-align:center}.sidra-benefit-icon{display:grid;place-items:center;width:50px;height:50px;margin:0 auto 12px;border-radius:50%;background:var(--sidra-blue-light);font-size:22px}.sidra-benefit:nth-child(even) .sidra-benefit-icon{background:var(--sidra-green-light)}.sidra-benefit h2{font-family:var(--sidra-font-heading);font-size:17px;color:var(--sidra-blue-dark);margin:0 0 8px}.sidra-benefit p{font-size:12px;color:var(--sidra-gray-700);margin:0}
.sidra-related-products{margin-top:36px}.sidra-related-products>h2{font-family:var(--sidra-font-heading);font-size:clamp(28px,3vw,42px);color:var(--sidra-blue-dark);margin-bottom:22px}.sidra-related-products ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.sidra-related-products ul.products li.product{width:auto!important;margin:0!important;background:var(--sidra-white);border:1px solid var(--sidra-gray-200);border-radius:14px;padding:14px;box-shadow:none}.sidra-related-products ul.products li.product img{background:var(--sidra-gray-50);border-radius:10px;aspect-ratio:1.25;object-fit:contain}.sidra-related-products .woocommerce-loop-product__title{font-family:var(--sidra-font-heading);font-size:16px!important;color:var(--sidra-blue-dark)}.sidra-related-products .price{color:var(--sidra-blue)!important;font-weight:800!important}.sidra-related-products .button{width:100%;text-align:center;background:var(--sidra-green)!important;color:#fff!important;border-radius:8px!important}
@media(max-width:1100px){.sidra-product-hero{grid-template-columns:1fr;gap:28px}.sidra-product-gallery .woocommerce-product-gallery__image a{min-height:430px}.sidra-benefits{grid-template-columns:repeat(2,1fr)}.sidra-related-products ul.products{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.sidra-product-shell{width:min(100% - 20px,1660px);padding-bottom:44px}.sidra-product-hero{padding:16px;border-radius:14px}.sidra-product-gallery .woocommerce-product-gallery__image a{min-height:320px;padding:20px}.sidra-product-title{font-size:34px}.sidra-mineral-grid{grid-template-columns:1fr}.sidra-benefits{grid-template-columns:1fr 1fr;padding:20px;gap:22px 12px}.sidra-related-products ul.products{grid-template-columns:repeat(2,1fr);gap:12px}.sidra-related-products ul.products li.product{padding:10px}}
@media(max-width:430px){.sidra-product-gallery .woocommerce-product-gallery__image a{min-height:260px}.sidra-product-gallery .flex-control-thumbs{grid-template-columns:repeat(3,1fr)}.sidra-benefits{grid-template-columns:1fr}.sidra-related-products ul.products{grid-template-columns:1fr}}
@media(hover:hover){.sidra-purchase-area button:hover,.sidra-related-products .button:hover{transform:translateY(-2px);filter:brightness(.95)}.sidra-related-products ul.products li.product:hover{box-shadow:0 14px 35px rgba(0,76,120,.1);transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* ==========================================================================
   Purchase area redesign — variation buttons (replaces the WooCommerce
   <select>) rendered as large illustrated choice cards, a quantity
   stepper, and Add to Cart + Quick Buy as equal-weight actions in one
   row. See sidra-single-product.js for the select-to-buttons progressive
   enhancement (the real <select> stays in the DOM and still drives
   WooCommerce's own price/stock JS — the cards are just an alternate
   control for it, never a replacement of its logic) and for the quantity
   stepper +/- wiring.
   ========================================================================== */

.sidra-purchase-area{
	display: flex;
	flex-direction: column;
	gap: 18px;
	margin: 4px 0 6px;
}

/* WooCommerce's own markup: <table class="variations"> wraps a <label> +
   <select> per attribute, then a "Clear" reset link follows the table. */
.sidra-purchase-area table.variations{
	display: block;
	width: 100%;
	border: none;
}
.sidra-purchase-area table.variations tbody,
.sidra-purchase-area table.variations tr,
.sidra-purchase-area table.variations td{
	display: block;
	padding: 0;
	border: none;
}
.sidra-purchase-area table.variations label{
	display: block;
	margin: 0 0 10px;
	font-weight: 700;
	font-size: 13px;
	color: var(--sidra-text);
}
.sidra-purchase-area .reset_variations{
	display: inline-block;
	margin-top: 10px;
	font-size: 12px;
	color: var(--sidra-gray-500);
}

/* The real <select> stays in the DOM (WooCommerce's variation-matching JS
   is still wired to it) but is visually replaced by the card group. */
.sidra-purchase-area select[data-sidra-buttons-ready]{
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.sidra-variation-buttons{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 12px;
}
.sidra-variation-button{
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 76px;
	padding: 14px 18px;
	border: 1.5px solid var(--sidra-gray-300);
	border-radius: 14px;
	background: #fff;
	color: var(--sidra-text);
	font-family: inherit;
	text-align: left;
	cursor: pointer;
	transition: border-color .15s ease, background .15s ease, color .15s ease;
}
.sidra-variation-button:hover:not(:disabled){
	border-color: var(--sidra-green);
}
.sidra-variation-button__icon{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 42px;
	height: 42px;
	border-radius: 10px;
	background: var(--sidra-gray-100);
	color: var(--sidra-blue);
	transition: background .15s ease, color .15s ease;
}
.sidra-variation-button__icon svg{
	width: 24px;
	height: 24px;
}
.sidra-variation-button__label{
	font-weight: 700;
	font-size: 14px;
	line-height: 1.3;
}
.sidra-variation-button__badge{
	position: absolute;
	top: -8px;
	right: -8px;
	width: 22px;
	height: 22px;
	color: var(--sidra-green);
	opacity: 0;
	transform: scale(.6);
	transition: opacity .15s ease, transform .15s ease;
}
.sidra-variation-button__badge svg{
	width: 100%;
	height: 100%;
}
.sidra-variation-button.is-selected{
	background: var(--sidra-green-light);
	border-color: var(--sidra-green);
	color: var(--sidra-green-dark);
}
.sidra-variation-button.is-selected .sidra-variation-button__icon{
	background: #fff;
	color: var(--sidra-green);
}
.sidra-variation-button.is-selected .sidra-variation-button__badge{
	opacity: 1;
	transform: scale(1);
}
.sidra-variation-button:disabled{
	opacity: .45;
	cursor: not-allowed;
}

/* WooCommerce's single_variation_wrap: variation price + quantity + Add
   to Cart button, rendered once a variation is selected. */
.sidra-purchase-area .single_variation_wrap{
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.sidra-purchase-area .woocommerce-variation-price .price{
	font-weight: 800;
	color: var(--sidra-blue);
	font-size: 18px;
}
.sidra-purchase-area .woocommerce-variation-availability{
	font-size: 13px;
}

/* Actions row: quantity stepper + Add to Cart + Quick Buy, all in one
   row. For variable products this is WooCommerce's own .variations_button
   wrapper; for simple products sidra-single-product.js builds an
   equivalent wrapper and reuses this same class so the styling matches. */
.sidra-purchase-area .variations_button{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: stretch;
}
.sidra-purchase-area .quantity{
	display: flex;
	flex: 0 0 136px;
	width: 136px;
	height: 52px;
	border: 1.5px solid var(--sidra-gray-300);
	border-radius: 9px;
	overflow: hidden;
}
.sidra-purchase-area .quantity .qty{
	flex: 1 1 auto;
	min-width: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	text-align: center;
	border: none;
	border-left: 1.5px solid var(--sidra-gray-300);
	border-right: 1.5px solid var(--sidra-gray-300);
	border-radius: 0;
	font-size: 16px;
	font-weight: 700;
	color: var(--sidra-text) !important;
	background: #fff;
	-moz-appearance: textfield;
	appearance: textfield;
}
.sidra-purchase-area .quantity .qty::-webkit-outer-spin-button,
.sidra-purchase-area .quantity .qty::-webkit-inner-spin-button{
	-webkit-appearance: none;
	margin: 0;
}
.sidra-qty-btn{
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 40px;
	width: 40px;
	height: 100%;
	border: none;
	background: var(--sidra-gray-100);
	color: var(--sidra-text);
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
	transition: background .15s ease;
}
.sidra-qty-btn:hover:not(:disabled){
	background: var(--sidra-gray-200);
}
.sidra-qty-btn:disabled{
	opacity: .4;
	cursor: not-allowed;
}
.sidra-purchase-area .single_add_to_cart_button{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	flex: 1.4 1 0%;
	min-width: 140px;
	min-height: 52px;
	max-height: 52px;
	border: 0;
	border-radius: 9px !important;
	background: var(--sidra-green) !important;
	color: #fff;
	font-family: inherit;
	font-weight: 700;
	font-size: 15px;
	cursor: pointer;
	transition: background .15s ease;
}
.sidra-purchase-area .single_add_to_cart_button:hover{
	background: var(--sidra-green-dark) !important;
}
.sidra-purchase-area .single_add_to_cart_button::before{
	content: "🛒";
	font-size: 14px;
}

/* Quick Buy — same size/weight as Add to Cart, sharing its row. */
.sidra-quick-buy{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	flex: 1 1 0%;
	min-width: 120px;
	min-height: 52px;
	max-height: 52px;
	border: 1.5px solid var(--sidra-green);
	border-radius: 9px !important;
	background: #fff;
	color: var(--sidra-green-dark);
	font-family: inherit;
	font-weight: 700;
	font-size: 15px;
	cursor: pointer;
	transition: background .15s ease;
}
.sidra-quick-buy:hover{
	background: var(--sidra-green-light);
}

@media(max-width:480px){
	.sidra-variation-buttons{ grid-template-columns: 1fr; }
	.sidra-purchase-area .variations_button{ flex-direction: column; }
	.sidra-purchase-area .quantity{ flex: 0 0 auto; width: 100%; }
}