/*!
 * FFF Shop Discovery 1.0.0 - storefront interface
 * Faith First Firearms LLC. Brand: black #000000, gold #fbbe28, white #ffffff.
 * Gold marks active controls only. Focus ring matches the site focus system.
 * Every interactive target is at least 44px on touch layouts.
 */

.fff-sd {
	--fsd-black: #000000;
	--fsd-gold: #fbbe28;
	--fsd-white: #ffffff;
	--fsd-ink: #111111;
	--fsd-text: #3d3d3d;
	--fsd-muted: #5f5f5f;
	--fsd-line: #d9d4c9;
	--fsd-chip-line: #8f8a80;
	--fsd-soft: #f7f4ef;
	--fsd-link: #8a5b00;
	--fsd-focus: #8a5a00;
	--fsd-focus-halo: #ffd87a;
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 20px;
	color: var(--fsd-ink);
	font-family: Inter, Arial, sans-serif;
}
.fff-sd *, .fff-sd *::before, .fff-sd *::after { box-sizing: border-box; }

.fff-sd .fff-sd-sr,
.fff-sd-drawer .fff-sd-sr {
	position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

/* ---------- Filters | Sort bar ---------- */
.fff-sd .fff-sd-bar {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}
.fff-sd .fff-sd-btn,
.fff-sd-drawer .fff-sd-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	min-height: 52px; padding: 0 16px; margin: 0;
	border: 2px solid var(--fsd-black, #000); border-radius: 8px;
	background: #fff; color: #000;
	font: 700 15px/1.2 Montserrat, Arial, sans-serif; letter-spacing: 0; text-transform: none;
	text-decoration: none; cursor: pointer; box-shadow: none;
	-webkit-tap-highlight-color: transparent;
}
.fff-sd .fff-sd-btn--filters,
.fff-sd .fff-sd-btn--filters:hover,
.fff-sd .fff-sd-btn--filters:active {
	background: #000; color: #fff; border-color: #000;
}
.fff-sd .fff-sd-btn--filters:hover { background: #222; }
.fff-sd .fff-sd-badge {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 24px; height: 24px; padding: 0 7px; border-radius: 999px;
	background: #fbbe28; color: #000; font: 800 13px/1 Montserrat, Arial, sans-serif;
}

.fff-sd .fff-sd-sort {
	position: relative; display: block; margin: 0;
	min-height: 52px; border: 2px solid #000; border-radius: 8px; background: #fff;
}
.fff-sd .fff-sd-sort__label {
	position: absolute; top: 6px; left: 14px; right: 36px;
	font: 600 11px/1.2 Inter, Arial, sans-serif; color: var(--fsd-muted);
	text-transform: uppercase; letter-spacing: .04em; pointer-events: none;
}
.fff-sd .fff-sd-sort select {
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
	display: block; width: 100%; height: 48px; margin: 0;
	padding: 18px 34px 4px 13px; border: 0; border-radius: 6px;
	background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23000' d='M1.4 0 6 4.6 10.6 0 12 1.4l-6 6-6-6z'/%3E%3C/svg%3E") no-repeat right 12px center;
	color: #000; font: 700 15px/1.2 Montserrat, Arial, sans-serif; cursor: pointer;
	text-overflow: ellipsis; white-space: nowrap; overflow: hidden; box-shadow: none;
}
.fff-sd .fff-sd-sort:focus-within {
	outline: 3px solid var(--fsd-focus); outline-offset: 2px; box-shadow: 0 0 0 7px var(--fsd-focus-halo);
}
.fff-sd .fff-sd-sort select:focus,
.fff-sd .fff-sd-sort select:focus-visible { outline: none; box-shadow: none; }

/* ---------- availability switch + count ---------- */
.fff-sd .fff-sd-meta {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
	gap: 6px 16px; margin: 12px 0 0;
}
.fff-sd .fff-sd-stockform { margin: 0; }
.fff-sd .fff-sd-switch,
.fff-sd-drawer .fff-sd-switch {
	position: relative; display: inline-flex; align-items: center; gap: 12px;
	min-height: 44px; margin: 0; cursor: pointer;
	font: 700 16px/1.3 Montserrat, Arial, sans-serif; color: #000;
}
.fff-sd .fff-sd-switch input,
.fff-sd-drawer .fff-sd-switch input {
	position: absolute; inset: 0; width: 100%; height: 100%; margin: 0;
	opacity: 0; cursor: pointer; z-index: 1;
}
.fff-sd .fff-sd-switch__track,
.fff-sd-drawer .fff-sd-switch__track {
	position: relative; flex: 0 0 auto; width: 50px; height: 28px; border-radius: 999px;
	background: #fff; border: 2px solid #000; transition: background-color .15s ease;
}
.fff-sd .fff-sd-switch__track::after,
.fff-sd-drawer .fff-sd-switch__track::after {
	content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px;
	border-radius: 50%; background: #000; transition: transform .15s ease;
}
.fff-sd .fff-sd-switch input:checked + .fff-sd-switch__track,
.fff-sd-drawer .fff-sd-switch input:checked + .fff-sd-switch__track { background: #fbbe28; }
.fff-sd .fff-sd-switch input:checked + .fff-sd-switch__track::after,
.fff-sd-drawer .fff-sd-switch input:checked + .fff-sd-switch__track::after { transform: translateX(22px); }
.fff-sd .fff-sd-switch input:focus-visible + .fff-sd-switch__track,
.fff-sd-drawer .fff-sd-switch input:focus-visible + .fff-sd-switch__track {
	outline: 3px solid #8a5a00; outline-offset: 2px; box-shadow: 0 0 0 7px #ffd87a;
}
.fff-sd .fff-sd-count {
	margin: 0; font: 400 15px/1.4 Inter, Arial, sans-serif; color: var(--fsd-text);
}
.fff-sd .fff-sd-count strong { color: #000; font-weight: 700; }
.fff-sd .fff-sd-count:focus { outline: none; }
.fff-sd .fff-sd-page { display: inline-block; margin-left: 8px; color: var(--fsd-muted); }

/* ---------- chips ---------- */
.fff-sd .fff-sd-chips {
	display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
	margin: 12px 0 0; padding: 0; list-style: none;
}
.fff-sd .fff-sd-chips li { margin: 0; padding: 0; list-style: none; }
.fff-sd .fff-sd-chip {
	display: inline-flex; align-items: center; gap: 8px; min-height: 44px; max-width: 100%;
	padding: 0 14px; border: 1px solid var(--fsd-chip-line); border-radius: 999px;
	background: var(--fsd-soft); color: #111; text-decoration: none;
	font: 600 14px/1.2 Inter, Arial, sans-serif; overflow-wrap: anywhere;
}
.fff-sd .fff-sd-chip:hover { border-color: #000; background: #fff; color: #000; }
.fff-sd .fff-sd-chip svg { flex: 0 0 auto; }
.fff-sd .fff-sd-clear {
	display: inline-flex; align-items: center; min-height: 44px; padding: 0 6px;
	color: var(--fsd-link); font: 700 14px/1.2 Montserrat, Arial, sans-serif; text-decoration: underline;
	text-underline-offset: 3px;
}
.fff-sd .fff-sd-clear:hover { color: #5c3d00; }

.fff-sd a:focus-visible,
.fff-sd button:focus-visible,
.fff-sd-drawer a:focus-visible,
.fff-sd-drawer button:focus-visible,
.fff-sd-drawer input:focus-visible,
.fff-sd-drawer summary:focus-visible {
	outline: 3px solid #8a5a00 !important; outline-offset: 2px !important; box-shadow: 0 0 0 7px #ffd87a !important;
}

/* ---------- zero results ---------- */
.fff-sd .fff-sd-empty {
	margin: 16px 0 0; padding: 18px 20px; border: 1px solid var(--fsd-line); border-left: 4px solid #fbbe28;
	border-radius: 8px; background: #fff; color: var(--fsd-text); font: 400 15px/1.5 Inter, Arial, sans-serif;
}
.fff-sd .fff-sd-empty__title { margin: 0 0 6px; color: #000; font: 700 17px/1.3 Montserrat, Arial, sans-serif; }
.fff-sd .fff-sd-empty p { margin: 0 0 6px; }
.fff-sd .fff-sd-empty ul { margin: 0; padding: 0; list-style: none; }
.fff-sd .fff-sd-empty li { margin: 0; }
.fff-sd .fff-sd-empty a { display: inline-flex; align-items: center; min-height: 44px; color: var(--fsd-link); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }

/* ---------- results loading state during in-page updates ---------- */
.fff-sd-loading { opacity: .45; pointer-events: none; transition: opacity .12s ease; }
.fff-sd[aria-busy="true"] .fff-sd-bar { opacity: .6; }

/* ---------- drawer ---------- */
html.fff-sd-locked, html.fff-sd-locked body { overflow: hidden !important; }

.fff-sd-drawer {
	position: fixed; inset: 0; z-index: 100000;
	width: 100%; max-width: none; height: 100%; max-height: none;
	margin: 0; padding: 0; border: 0; border-radius: 0;
	background: #fff; color: #111; overflow: hidden;
	font-family: Inter, Arial, sans-serif;
}
@supports (height: 100dvh) {
	.fff-sd-drawer { height: 100dvh; }
}
.fff-sd-drawer:not([open]) { display: none; }
.fff-sd-drawer::backdrop { background: rgba(0, 0, 0, .55); }
.fff-sd-drawer[open] { animation: fff-sd-up .18s ease-out; }
@keyframes fff-sd-up { from { transform: translateY(18px); opacity: .6; } to { transform: none; opacity: 1; } }

.fff-sd-drawer .fff-sd-drawer__inner { display: flex; flex-direction: column; height: 100%; }
.fff-sd-drawer .fff-sd-drawer__head {
	display: flex; align-items: center; justify-content: space-between; gap: 12px;
	flex: 0 0 auto; padding: 10px 10px 10px 18px; background: #000; color: #fff;
	border-bottom: 3px solid #fbbe28;
}
.fff-sd-drawer h2.fff-sd-title {
	margin: 0; padding: 0; color: #fff; font: 800 20px/1.2 Montserrat, Arial, sans-serif;
	letter-spacing: 0; text-transform: none;
}
.fff-sd-drawer .fff-sd-x,
.fff-sd-drawer .fff-sd-x:hover,
.fff-sd-drawer .fff-sd-x:active {
	display: inline-flex; align-items: center; justify-content: center;
	width: 48px; height: 48px; margin: 0; padding: 0; border: 0; border-radius: 8px;
	background: transparent; color: #fff; cursor: pointer; box-shadow: none;
}
.fff-sd-drawer .fff-sd-x:hover { background: #222; }
.fff-sd-drawer .fff-sd-drawer__body {
	flex: 1 1 auto; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch;
	padding: 4px 18px 28px;
}
.fff-sd-drawer .fff-sd-drawer__foot {
	position: relative; flex: 0 0 auto; display: grid; grid-template-columns: auto 1fr; gap: 10px;
	padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px));
	background: #fff; border-top: 1px solid #d9d4c9; box-shadow: 0 -6px 14px rgba(0, 0, 0, .06);
}
.fff-sd-drawer .fff-sd-btn--ghost,
.fff-sd-drawer .fff-sd-btn--ghost:hover,
.fff-sd-drawer .fff-sd-btn--ghost:active { background: #fff; color: #000; border-color: #000; }
.fff-sd-drawer .fff-sd-btn--ghost:hover { background: #f7f4ef; }
.fff-sd-drawer .fff-sd-btn--primary,
.fff-sd-drawer .fff-sd-btn--primary:hover,
.fff-sd-drawer .fff-sd-btn--primary:active { background: #fbbe28; color: #000; border-color: #fbbe28; }
.fff-sd-drawer .fff-sd-btn--primary:hover { background: #e9ab12; border-color: #e9ab12; }
.fff-sd-drawer .fff-sd-btn--primary[disabled],
.fff-sd-drawer .fff-sd-btn--primary[aria-disabled="true"] { background: #ece8df; border-color: #ece8df; color: #5f5f5f; cursor: not-allowed; }
.fff-sd-drawer .fff-sd-loading-note,
.fff-sd-drawer .fff-sd-error { margin: 18px 0; color: #3d3d3d; font: 400 15px/1.5 Inter, Arial, sans-serif; }

/* sections */
.fff-sd-drawer .fff-sd-sec { border-bottom: 1px solid #e6e1d6; padding: 0; margin: 0; }
.fff-sd-drawer .fff-sd-sec__static { padding: 14px 0; }
.fff-sd-drawer .fff-sd-sec__label {
	display: block; margin: 0 0 6px; color: #000; font: 800 15px/1.3 Montserrat, Arial, sans-serif;
	text-transform: uppercase; letter-spacing: .04em;
}
.fff-sd-drawer details.fff-sd-sec > summary {
	display: flex; align-items: center; justify-content: space-between; gap: 10px;
	min-height: 56px; padding: 6px 2px; cursor: pointer; list-style: none;
	color: #000; font: 800 15px/1.3 Montserrat, Arial, sans-serif; text-transform: uppercase; letter-spacing: .04em;
}
.fff-sd-drawer details.fff-sd-sec > summary::-webkit-details-marker { display: none; }
.fff-sd-drawer details.fff-sd-sec > summary::after {
	content: ""; flex: 0 0 auto; width: 12px; height: 12px; margin-left: auto;
	border-right: 2px solid #000; border-bottom: 2px solid #000; transform: rotate(45deg) translate(-3px, -3px);
	transition: transform .15s ease;
}
.fff-sd-drawer details.fff-sd-sec[open] > summary::after { transform: rotate(-135deg) translate(-3px, -3px); }
.fff-sd-drawer .fff-sd-sum-meta {
	margin-left: auto; color: #5f5f5f; font: 600 13px/1.2 Inter, Arial, sans-serif; text-transform: none; letter-spacing: 0;
	max-width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.fff-sd-drawer .fff-sd-sum-badge {
	display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 22px; padding: 0 6px;
	border-radius: 999px; background: #fbbe28; color: #000; font: 800 12px/1 Montserrat, Arial, sans-serif; margin-left: auto;
}
.fff-sd-drawer .fff-sd-sec__body { padding: 0 0 16px; }
.fff-sd-drawer .fff-sd-help { margin: 4px 0 0; color: #5f5f5f; font: 400 14px/1.4 Inter, Arial, sans-serif; }
.fff-sd-drawer .fff-sd-muted { color: #5f5f5f; font-weight: 500; font-family: Inter, Arial, sans-serif; }

/* category + price option buttons */
.fff-sd-drawer .fff-sd-choices { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.fff-sd-drawer .fff-sd-choices li { margin: 0; padding: 0; }
.fff-sd-drawer .fff-sd-choice,
.fff-sd-drawer .fff-sd-choice:hover,
.fff-sd-drawer .fff-sd-choice:active {
	display: inline-flex; align-items: center; gap: 6px; min-height: 44px; margin: 0; padding: 8px 14px;
	border: 1px solid #8f8a80; border-radius: 999px; background: #fff; color: #111; box-shadow: none;
	font: 600 14px/1.25 Inter, Arial, sans-serif; text-align: left; cursor: pointer; text-transform: none; letter-spacing: 0;
}
.fff-sd-drawer .fff-sd-choice:hover { border-color: #000; background: #f7f4ef; }
.fff-sd-drawer .fff-sd-choice[aria-pressed="true"],
.fff-sd-drawer .fff-sd-choice[aria-pressed="true"]:hover { background: #000; border-color: #000; color: #fff; }
.fff-sd-drawer .fff-sd-choice[aria-pressed="true"] .fff-sd-muted { color: #fbbe28; }
.fff-sd-drawer .fff-sd-up,
.fff-sd-drawer .fff-sd-up:hover {
	display: inline-flex; align-items: center; gap: 6px; min-height: 44px; margin: 0 0 8px; padding: 0 4px;
	border: 0; background: transparent; color: #8a5b00; box-shadow: none; cursor: pointer;
	font: 700 14px/1.2 Montserrat, Arial, sans-serif; text-decoration: underline; text-underline-offset: 3px; text-transform: none;
}

.fff-sd-drawer .fff-sd-price { display: grid; grid-template-columns: 1fr auto 1fr; align-items: end; gap: 10px; margin: 14px 0 0; }
.fff-sd-drawer .fff-sd-price label { display: block; margin: 0; color: #3d3d3d; font: 600 13px/1.2 Inter, Arial, sans-serif; }
.fff-sd-drawer .fff-sd-price span.fff-sd-to { padding-bottom: 14px; color: #5f5f5f; }
.fff-sd-drawer input.fff-sd-num,
.fff-sd-drawer input.fff-sd-find {
	display: block; width: 100%; min-height: 48px; margin: 6px 0 0; padding: 0 12px;
	border: 1px solid #8f8a80; border-radius: 8px; background: #fff; color: #111;
	font: 400 16px/1.2 Inter, Arial, sans-serif; box-shadow: none;
}
.fff-sd-drawer input.fff-sd-find { margin: 0 0 10px; }

/* checkbox options */
.fff-sd-drawer .fff-sd-opts { margin: 0; padding: 0; list-style: none; }
.fff-sd-drawer .fff-sd-opts li { margin: 0; padding: 0; }
.fff-sd-drawer .fff-sd-opts li[hidden] { display: none; }
.fff-sd-drawer .fff-sd-opt {
	display: flex; align-items: center; gap: 12px; min-height: 44px; margin: 0; padding: 4px 2px;
	cursor: pointer; color: #111; font: 500 15px/1.3 Inter, Arial, sans-serif;
}
.fff-sd-drawer .fff-sd-opt input {
	flex: 0 0 auto; width: 22px; height: 22px; margin: 0; accent-color: #000; cursor: pointer;
}
.fff-sd-drawer .fff-sd-opt__label { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
.fff-sd-drawer .fff-sd-opt__count { flex: 0 0 auto; color: #5f5f5f; font-size: 14px; }
.fff-sd-drawer .fff-sd-more,
.fff-sd-drawer .fff-sd-more:hover {
	display: inline-flex; align-items: center; min-height: 44px; margin: 4px 0 0; padding: 0 4px;
	border: 0; background: transparent; color: #8a5b00; box-shadow: none; cursor: pointer;
	font: 700 14px/1.2 Montserrat, Arial, sans-serif; text-decoration: underline; text-underline-offset: 3px; text-transform: none;
}
.fff-sd-drawer .fff-sd-none { margin: 6px 0; color: #5f5f5f; font-size: 14px; }

/* ---------- product card availability ---------- */
.woocommerce ul.products li.product .fff-sd-avail {
	display: inline-flex; align-items: center; gap: 6px; margin: 6px 0 0;
	color: #1f1f1f; font: 600 13px/1.3 Inter, Arial, sans-serif;
}
.woocommerce ul.products li.product .fff-sd-avail::before {
	content: ""; flex: 0 0 auto; width: 9px; height: 9px; border-radius: 50%; background: #2e7d32;
}
.woocommerce ul.products li.product .fff-sd-avail--out,
.woocommerce ul.products li.product .fff-sd-avail--na { color: #5f5f5f; }
.woocommerce ul.products li.product .fff-sd-avail--out::before,
.woocommerce ul.products li.product .fff-sd-avail--na::before { background: #fff; border: 2px solid #8f8a80; }

/* ---------- hide what the toolbar replaces ---------- */
body.fff-sd-on .elementor-widget-wc-archive-products .woocommerce-result-count,
body.fff-sd-on .elementor-widget-wc-archive-products .woocommerce-ordering,
body.fff-sd-on .elementor-widget-wc-archive-products .elementor-products-nothing-found { display: none !important; }

/* ---------- empty WooCommerce sidebar column (Products Shop template 65919) ----------
   The template reserves a 30% column for the "sidebar-woocommerce" widget area, which has
   no widgets. While that stays empty (body class set server-side), give the width to the
   products. Adding any widget to that area brings the column back automatically. */
body.fff-sd-on.fff-sd-nosidebar .elementor-element.elementor-element-a1810dc { display: none; }
body.fff-sd-on.fff-sd-nosidebar .elementor-element.elementor-element-369fc79 { --width: 100%; width: 100%; max-width: 100%; }

/* ---------- pagination: real touch targets ---------- */
body.fff-sd-on .woocommerce nav.woocommerce-pagination ul.page-numbers {
	display: inline-flex; flex-wrap: wrap; justify-content: center; gap: 6px; border: 0;
}
body.fff-sd-on .woocommerce nav.woocommerce-pagination ul.page-numbers li { border: 0; float: none; }
body.fff-sd-on .woocommerce nav.woocommerce-pagination ul.page-numbers li .page-numbers {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 44px; min-height: 44px; padding: 0 10px; border: 1px solid #d9d4c9; border-radius: 8px;
	font: 700 15px/1 Montserrat, Arial, sans-serif;
}
body.fff-sd-on .woocommerce nav.woocommerce-pagination ul.page-numbers li span.current { background: #000; border-color: #000; color: #fff; }
body.fff-sd-on .woocommerce nav.woocommerce-pagination ul.page-numbers li .dots { border-color: transparent; min-width: 24px; padding: 0; }

/* ---------- desktop / tablet ---------- */
@media (min-width: 768px) {
	.fff-sd .fff-sd-bar { grid-template-columns: auto minmax(220px, 280px); justify-content: start; }
	.fff-sd .fff-sd-btn--filters { padding: 0 22px; }
	.fff-sd .fff-sd-meta { margin-top: 14px; }
	.fff-sd-drawer { inset: 0 auto 0 0; width: 460px; max-width: 92vw; box-shadow: 8px 0 24px rgba(0, 0, 0, .18); }
	.fff-sd-drawer[open] { animation-name: fff-sd-in; }
	@keyframes fff-sd-in { from { transform: translateX(-24px); opacity: .6; } to { transform: none; opacity: 1; } }
}

/* ---------- phones: compact the "ways to shop" cards so products start sooner ---------- */
@media (max-width: 767px) {
	body.fff-sd-on.woocommerce-shop .fff-shop-paths,
	body.fff-sd-on.post-type-archive-product .fff-shop-paths { grid-template-columns: 1fr 1fr; gap: 10px; margin: 0 0 18px; }
	body.fff-sd-on .fff-shop-paths .fff-sp-here { display: none; }
	body.fff-sd-on .fff-shop-paths .fff-sp-card { padding: 4px 12px; border-top-width: 3px; justify-content: center; }
	body.fff-sd-on .fff-shop-paths .fff-sp-card h2,
	body.fff-sd-on .fff-shop-paths .fff-sp-card p { display: none; }
	body.fff-sd-on .fff-shop-paths .fff-sp-link { min-height: 48px; font-size: 14px; }
}

@media (prefers-reduced-motion: reduce) {
	.fff-sd-drawer[open] { animation: none; }
	.fff-sd .fff-sd-switch__track, .fff-sd .fff-sd-switch__track::after,
	.fff-sd-drawer .fff-sd-switch__track, .fff-sd-drawer .fff-sd-switch__track::after,
	.fff-sd-drawer details.fff-sd-sec > summary::after { transition: none; }
}
@media (forced-colors: active) {
	.fff-sd .fff-sd-switch__track, .fff-sd-drawer .fff-sd-switch__track { border-color: CanvasText; }
	.fff-sd .fff-sd-switch input:checked + .fff-sd-switch__track,
	.fff-sd-drawer .fff-sd-switch input:checked + .fff-sd-switch__track { background: Highlight; }
	.fff-sd-drawer .fff-sd-choice[aria-pressed="true"] { border: 2px solid Highlight; }
}
