@charset "UTF-8";

	.ogsu2-sticky-cta{ display:none; }
	@media (max-width: 768px) {
		.ogsu2-sticky-cta{
			position:fixed; left:0; right:0; bottom:0; z-index:99990;
			display:flex; align-items:center; gap:10px;
			background:#fff; border-top:1px solid #e2e8f0;
			box-shadow:0 -4px 14px rgba(0,0,0,.12);
			padding:8px 14px calc(8px + env(safe-area-inset-bottom));
			min-height:56px; box-sizing:border-box;
			direction:rtl; font-family:"Assistant",system-ui,-apple-system,Arial,sans-serif;
			transform:translateY(100%); transition:transform .25s ease;
		}
		.ogsu2-sticky-cta.is-visible{ transform:translateY(0); }
		.ogsu2-sticky-info{ flex:1 1 68%; min-width:0; line-height:1.25; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
		.ogsu2-sticky-name{ font-size:16px; font-weight:700; color:#1b3815; }
		.ogsu2-sticky-price{ font-size:16px; font-weight:600; color:#1f5122; }
		.ogsu2-sticky-price::before{ content:" - "; font-weight:700; color:#1b3815; }
		/* HNG: real <select> instead of static text - ~65-70% of the row, native ellipsis on the
		   closed control (the open dropdown always shows each option's full text natively). */
		.ogsu2-sticky-select{
			flex:1 1 71%; min-width:0; height:40px; box-sizing:border-box;
			padding:0 10px; border:1px solid #cbd5e1; border-radius:9px;
			font-size:15px; font-family:inherit; background:#fff; color:#1b3815;
			white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
		}
		.ogsu2-sticky-select[hidden],.ogsu2-sticky-info[hidden]{ display:none; }
		.ogsu2-sticky-btn{
			flex:0 0 29%; min-width:84px; display:flex; align-items:center; justify-content:center;
			background:#2d5a27; color:#fff; font-weight:800; font-size:14px;
			padding:0 12px; height:40px; border-radius:9px; border:0; cursor:pointer; white-space:nowrap;
		}
		.ogsu2-sticky-btn:disabled{ opacity:.5; cursor:not-allowed; }
		body.ogsu2-sticky-shown #colophon,
		body.ogsu2-sticky-shown footer.site-footer{ padding-bottom:64px; }
		/* Reposition (not hide) the floating WhatsApp + accessibility + back-to-top controls
		   while the sticky bar is visible, so all three stay reachable and never overlap the
		   sticky bar or each other. Native positions confirmed live: #ht-ctc-chat sits
		   bottom-left (left:10px;bottom:15px;50x50), #back-to-top sits bottom-right
		   (right:30px;bottom:30px;50x50, only visible after scroll). #ea11y-root itself
		   couldn't be observed live on staging - the plugin (pojo-accessibility) only enqueues
		   its widget script on domains registered with the service, and this one isn't - but
		   the selector is confirmed correct via the plugin's own front-end asset (ea11y-widget-js,
		   loaded from cdn.elementor.com) present in production's page source, matching the
		   already-established selector from earlier work.
		   Layout: WhatsApp -> right side, accessibility -> left side (opposite sides so they can
		   never collide), both at the same clearance just above the sticky bar; back-to-top
		   stacks higher on the right, above WhatsApp, so it never collides with either. */
		body.ogsu2-sticky-shown #ht-ctc-chat{ left:auto !important; right:10px !important; bottom:72px !important; }
		body.ogsu2-sticky-shown #ea11y-root{ left:10px !important; right:auto !important; bottom:72px !important; }
		body.ogsu2-sticky-shown #back-to-top{ bottom:134px !important; }
	}
	/* Explicit desktop reassert (defense-in-depth): the base rule above already sets
	   display:none unconditionally, so this is redundant in normal cases - it only
	   matters if something degenerate (e.g. a transient 0-width layout pass) ever
	   caused the max-width block to match; min-width:769px can never match together
	   with a genuinely-zero width, but this still guarantees no sticky-driven body
	   class or footer/floating-control repositioning survives at real desktop sizes. */
	@media (min-width: 769px) {
		.ogsu2-sticky-cta{ display:none !important; transform:none !important; }
		body.ogsu2-sticky-shown #colophon,
		body.ogsu2-sticky-shown footer.site-footer{ padding-bottom:0 !important; }
		/* Do NOT force a specific bottom value here for #ht-ctc-chat/#ea11y-root/#back-to-top -
		   their own native CSS (outside our control) already positions them correctly once our
		   max-width:768px override simply doesn't match; overriding to a guessed value
		   would risk being wrong. This block only needs to undo OUR OWN effects. */
	}