:root{
	--wd-top-bar-h: 41px;
	--wd-top-bar-sm-h: 40px;
	--wd-top-bar-sticky-h: .00001px;
	--wd-top-bar-brd-w: 1px;

	--wd-header-general-h: 105px;
	--wd-header-general-sm-h: 60px;
	--wd-header-general-sticky-h: .00001px;
	--wd-header-general-brd-w: .00001px;

	--wd-header-bottom-h: 54px;
	--wd-header-bottom-sm-h: .00001px;
	--wd-header-bottom-sticky-h: .00001px;
	--wd-header-bottom-brd-w: .00001px;

	--wd-header-clone-h: 60px;

	--wd-header-brd-w: calc(var(--wd-top-bar-brd-w) + var(--wd-header-general-brd-w) + var(--wd-header-bottom-brd-w));
	--wd-header-h: calc(var(--wd-top-bar-h) + var(--wd-header-general-h) + var(--wd-header-bottom-h) + var(--wd-header-brd-w));
	--wd-header-sticky-h: calc(var(--wd-top-bar-sticky-h) + var(--wd-header-general-sticky-h) + var(--wd-header-bottom-sticky-h) + var(--wd-header-clone-h) + var(--wd-header-brd-w));
	--wd-header-sm-h: calc(var(--wd-top-bar-sm-h) + var(--wd-header-general-sm-h) + var(--wd-header-bottom-sm-h) + var(--wd-header-brd-w));
}
.whb-top-bar .wd-dropdown {
	margin-top: -0.5px;
}

.whb-top-bar .wd-dropdown:after {
	height: 10.5px;
}



:root:has(.whb-top-bar.whb-border-boxed) {
	--wd-top-bar-brd-w: .00001px;
}

@media (max-width: 1024px) {
:root:has(.whb-top-bar.whb-hidden-mobile) {
	--wd-top-bar-brd-w: .00001px;
}
}



.whb-header-bottom .wd-dropdown {
	margin-top: 6px;
}

.whb-header-bottom .wd-dropdown:after {
	height: 17px;
}


.whb-clone.whb-sticked .wd-dropdown:not(.sub-sub-menu) {
	margin-top: 9px;
}

.whb-clone.whb-sticked .wd-dropdown:not(.sub-sub-menu):after {
	height: 20px;
}
		
.whb-top-bar {
	border-color: rgba(114, 132, 156, 1);border-bottom-width: 1px;border-bottom-style: solid;
}

.whb-9x1ytaxq7aphtb3npidp form.searchform {
	--wd-form-height: 46px;
}
.whb-general-header {
	border-bottom-width: 0px;border-bottom-style: solid;
}

.whb-header-bottom {
		background-color: rgba(49, 108, 117, 1);

}
@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//officekit.am/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.4.1") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//officekit.am/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//officekit.am/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//officekit.am/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//officekit.am/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//officekit.am/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//officekit.am/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//officekit.am/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//officekit.am/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: "Ubuntu", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-transform: none;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Ubuntu", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Ubuntu", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: #316c75;
	--wd-alternative-color: #316c75;
	--btn-default-bgcolor: #316c75;
	--btn-default-bgcolor-hover: #8bc1a6;
	--btn-accented-bgcolor: #316c75;
	--btn-accented-bgcolor-hover: #8bc1a6;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 280px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #72849c;
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


.wd-page-title {
background-color: #0a0a0a;
}

.main-page-wrapper .product-category h3.category-title {
    text-transform:unset;
		font-size:14px;
}
.wd-cat-inner.wrapp-category .wd-cat-content .wd-entities-title {
    text-transform:unset;
		font-size:14px;
	font-weight: 600;
}
.checkout-order-review #order_review #payment .wc_payment_method.payment_method_cod {
	display:none!important;
}
.woocommerce-checkout .website-wrapper .woocommerce-order ul li..woocommerce-order-overview__total.total {
	border-right:unset!important;
}

.woocommerce-checkout .website-wrapper .woocommerce-order ul li.woocommerce-order-overview__payment-method{
	display: none;
}

.widget-title, .widgettitle {
	text-transform:unset;
}

.product-image-link, .product-title a, .product_title.entry-title a {
	pointer-events:none!important;
}
.product-quick-view .product-image-summary .view-details-btn {
	display:none;
}

#billing_country_field {
	display:none;
}
.wd-content-area.site-content.wd-grid-col .shop-loop-head  .wd-shop-tools .woocommerce-result-count{
display:none;
}
.wd-footer.footer-container.color-scheme-dark{
	    background-color: rgba(49, 108, 117, 1);
}
/* Officekit storefront refresh. Theme controls retain their native visibility and behavior. */
body:not(.wp-admin) {
  --ok-ink: #193536; --ok-teal: #174d50; --ok-ivory: #f7f8f3;
  --ok-sage: #dde9e2; --ok-line: #dce4df; --ok-muted: #657473;
  --wd-primary-color: #174d50; --wd-text-color: #536563; --wd-title-color: #193536;
  --wd-btn-accent-bg: #174d50; --wd-btn-accent-bg-hover: #103c3f;
  --wd-btn-accent-color: #fff; --wd-btn-accent-color-hover: #fff;
  color: var(--ok-ink); background: var(--ok-ivory);
  font-family: "Noto Sans Armenian", "Segoe UI", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
body:not(.wp-admin) .main-page-wrapper { background: var(--ok-ivory); }
body:not(.wp-admin) :is(h1,h2,h3,h4,h5,h6,.wd-entities-title) { color: var(--ok-ink); font-family: inherit; }
body:not(.wp-admin) :is(a,button,input,select,textarea):focus-visible { outline: 3px solid #73a996; outline-offset: 4px; }
body:not(.wp-admin) :is(.whb-header .container,.footer-container .container) { max-width: 1320px; }
body:not(.wp-admin) .whb-header { margin-bottom: 0; }
body:not(.wp-admin) .whb-top-bar { background: var(--ok-teal) !important; border: 0 !important; }
body:not(.wp-admin) .whb-top-bar-inner { min-height: 33px; }
body:not(.wp-admin) .whb-top-bar .wd-header-text,
body:not(.wp-admin) .whb-top-bar .wd-header-text :is(a,span,p) { color: #f2f7f3 !important; font-size: 12px; }
body:not(.wp-admin) .whb-top-bar .wd-header-text p { margin: 0; }
body:not(.wp-admin) .whb-general-header { background: #fff !important; border-bottom: 1px solid var(--ok-line); }
body:not(.wp-admin) .whb-general-header-inner { min-height: 92px; }
body:not(.wp-admin) .whb-general-header .site-logo .wd-logo img { width: 206px; max-width: 100% !important; height: auto; max-height: 74px; object-fit: contain; }
body:not(.wp-admin) .whb-general-header .wd-search-form { max-width: 660px; }
body:not(.wp-admin) .whb-general-header .wd-search-form .searchform { border-radius: 12px; }
body:not(.wp-admin) .whb-general-header .wd-search-form .searchform input.s { height: 48px; padding-inline-start: 18px; background: #f5f7f3; border: 1px solid var(--ok-line); border-radius: 12px; color: var(--ok-ink); }
body:not(.wp-admin) .whb-general-header .wd-search-form .searchsubmit { color: var(--ok-teal); }
body:not(.wp-admin) .wd-header-cart .wd-tools-text { color: var(--ok-ink); font-weight: 650; }
body:not(.wp-admin) .whb-header-bottom { background: #fff !important; border-bottom: 1px solid var(--ok-line) !important; }
body:not(.wp-admin) .whb-header-bottom-inner { min-height: 48px; }
body:not(.wp-admin) .whb-header-bottom .wd-nav-main { gap: 30px; }
body:not(.wp-admin) .whb-header-bottom .wd-nav-main > li > a { color: var(--ok-ink) !important; font-size: 12px; font-weight: 650; letter-spacing: .02em; }
body:not(.wp-admin) .whb-header-bottom .wd-nav-main > li:is(.current-menu-item,:hover) > a { color: #337e70 !important; }
body:not(.wp-admin) .wd-dropdown { border-radius: 12px; box-shadow: 0 14px 40px #19353616; }
body:not(.wp-admin) :is(.wd-breadcrumbs,.woocommerce-breadcrumb) { color: var(--ok-muted); font-size: 12px; }
body:not(.wp-admin) :is(.wd-breadcrumbs,.woocommerce-breadcrumb) a { color: var(--ok-teal); }
body:not(.wp-admin) .title-design-default { background-color: var(--ok-sage); }
body:not(.wp-admin) .wd-shop-tools { padding-block: 16px; border-bottom: 1px solid var(--ok-line); margin-bottom: 24px; }
body:not(.wp-admin) .woocommerce-result-count { color: var(--ok-muted); font-size: 13px; }
body:not(.wp-admin) .product-grid-item .product-wrapper { background: #fff; border: 1px solid var(--ok-line); border-radius: 16px; padding: 12px; transition: border-color .2s, box-shadow .2s, transform .2s; }
body:not(.wp-admin) .product-grid-item .product-element-top { border-radius: 10px; background: #fff; }
body:not(.wp-admin) .product-grid-item .product-image-link img { aspect-ratio: 1 / 1; object-fit: contain; }
body:not(.wp-admin) .product-grid-item .product-element-bottom { padding: 15px 4px 5px; }
body:not(.wp-admin) .product-grid-item .wd-entities-title { font-size: 14px; line-height: 1.6; font-weight: 600; }
body:not(.wp-admin) .product-grid-item .wd-entities-title a { color: var(--ok-ink); }
body:not(.wp-admin) .product-grid-item .wd-product-cats { color: var(--ok-muted); font-size: 11px; }
body:not(.wp-admin) .product-grid-item .price { color: var(--ok-teal); font-size: 16px; font-weight: 750; }
body:not(.wp-admin) .price del { color: #7a8784; font-weight: 400; }
body:not(.wp-admin) .price ins { color: var(--ok-teal); }
body:not(.wp-admin) .product-labels .product-label { border-radius: 6px; min-width: 42px; font-size: 11px; }
body:not(.wp-admin) .product-labels .onsale { background: var(--ok-teal); color: #fff; }
body:not(.wp-admin) .wd-buttons { border-radius: 9px; }
body:not(.wp-admin) .category-grid-item .category-content { background: #fff; border: 1px solid var(--ok-line); border-radius: 16px; overflow: hidden; }
body:not(.wp-admin) .category-grid-item .wd-entities-title { font-size: 15px; font-weight: 650; }
body:not(.wp-admin) .category-grid-item .more-products { color: var(--ok-muted); font-size: 12px; }
body:not(.wp-admin) :is(.button,.btn,.single_add_to_cart_button,.checkout-button,.wpcf7-submit) { border-radius: 9px; font-family: inherit; font-weight: 650; text-transform: none; letter-spacing: 0; }
body:not(.wp-admin) :is(.single_add_to_cart_button,.checkout-button,.wpcf7-submit,.woocommerce .button.alt) { background: var(--ok-teal); color: #fff; }
body:not(.wp-admin) :is(.single_add_to_cart_button,.checkout-button,.wpcf7-submit,.woocommerce .button.alt):hover { background: #103c3f; color: #fff; }
body:not(.wp-admin) :is(input[type="text"],input[type="email"],input[type="tel"],input[type="password"],input[type="search"],input[type="url"],select,textarea) { border-color: #cddbd4; border-radius: 9px; background-color: #fff; color: var(--ok-ink); font-family: inherit; }
body:not(.wp-admin) :is(input[type="text"],input[type="email"],input[type="tel"],input[type="password"],input[type="search"],select) { min-height: 44px; }
body:not(.wp-admin) textarea { min-height: 130px; padding: 13px 15px; }
body:not(.wp-admin) :is(input,textarea)::placeholder { color: #7c8c87; opacity: 1; }
body:not(.wp-admin) .quantity input { border-color: var(--ok-line); }
body:not(.wp-admin) .quantity input.minus { border-radius: 8px 0 0 8px; }
body:not(.wp-admin) .quantity input.plus { border-radius: 0 8px 8px 0; }
body:not(.wp-admin) .sidebar-container .widget { border-bottom: 1px solid var(--ok-line); padding-bottom: 22px; margin-bottom: 24px; }
body:not(.wp-admin) .sidebar-container .widget-title { font-size: 15px; text-transform: none; letter-spacing: 0; }
body:not(.wp-admin) .widget_product_categories a { color: #506461; }
body:not(.wp-admin) .widget_product_categories .current-cat > a { color: var(--ok-teal); font-weight: 700; }
body:not(.wp-admin) .woocommerce-pagination .page-numbers { border-radius: 8px; }
body:not(.wp-admin) .woocommerce-pagination .page-numbers.current { background: var(--ok-teal); color: #fff; }
body:not(.wp-admin) .woocommerce-cart-form { background: #fff; border: 1px solid var(--ok-line); border-radius: 16px; padding: 20px; }
body:not(.wp-admin) :is(.cart_totals,.woocommerce-checkout-review-order) { border-radius: 16px; border-color: var(--ok-line); }
body:not(.wp-admin) .footer-container { background: #173e40 !important; color: #dae6de; margin-top: 0; }
body:not(.wp-admin) .footer-container :is(.widget-title,h2,h3,h4) { color: #fff; font-size: 15px; text-transform: none; }
body:not(.wp-admin) .footer-container :is(p,li,a) { color: #dae6de; }
body:not(.wp-admin) .footer-container a:hover { color: #fff; }
body:not(.wp-admin) .footer-container .main-footer { padding-top: 48px; padding-bottom: 28px; }
body:not(.wp-admin) .copyrights-wrapper { background: #133436; border-top: 1px solid #ffffff1a; color: #c9d9d1; font-size: 12px; }
body:not(.wp-admin) .copyrights-wrapper a { color: #e7eee8; }
body:not(.wp-admin) .scrollToTop { border-radius: 50%; color: var(--ok-teal); }
@media (hover: hover) {
  body:not(.wp-admin) .product-grid-item .product-wrapper:hover { border-color: #a6c5b7; box-shadow: 0 12px 28px #1935360d; transform: translateY(-3px); }
}
@media (min-width: 1025px) {
  body:not(.wp-admin) .whb-general-header .whb-col-left { padding-inline-end: 26px; }
  body:not(.wp-admin) .whb-general-header .whb-col-center { padding-inline: 12px; }
}
@media (max-width: 1024px) {
  body:not(.wp-admin) .whb-general-header-inner { min-height: 72px; }
  body:not(.wp-admin) .whb-general-header .site-logo .wd-logo img { width: 168px; max-height: 58px; }
  body:not(.wp-admin) .product-grid-item .product-wrapper { padding: 10px; border-radius: 13px; }
  body:not(.wp-admin) .product-grid-item .product-element-bottom { padding-top: 12px; }
  body:not(.wp-admin) .wd-shop-tools { gap: 12px; }
}
@media (max-width: 767px) {
  body:not(.wp-admin) .whb-top-bar .wd-header-text,
  body:not(.wp-admin) .whb-top-bar .wd-header-text :is(a,span,p) { font-size: 11px; }
  body:not(.wp-admin) .whb-general-header .site-logo .wd-logo img { width: 148px; max-height: 54px; }
  body:not(.wp-admin) .whb-general-header .wd-search-form .searchform input.s { height: 44px; }
  body:not(.wp-admin) .product-grid-item .product-wrapper { padding: 8px; }
  body:not(.wp-admin) .product-grid-item .wd-entities-title { font-size: 12px; line-height: 1.55; }
  body:not(.wp-admin) .product-grid-item .price { font-size: 14px; }
  body:not(.wp-admin) .product-grid-item .product-element-bottom { padding-inline: 2px; }
  body:not(.wp-admin) .category-grid-item .wd-entities-title { font-size: 13px; }
  body:not(.wp-admin) .woocommerce-cart-form { padding: 12px; border-radius: 12px; }
  body:not(.wp-admin) .footer-container .main-footer { padding-top: 32px; padding-bottom: 16px; }
  body:not(.wp-admin) .footer-container :is(p,li,a) { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  body:not(.wp-admin) .product-grid-item .product-wrapper { transition: none; transform: none !important; }
}

/* Officekit 2026 homepage */
body.page-id-474 .main-page-wrapper {padding-top:28px;padding-bottom:0}
body.page-id-474 .wd-content-layout {max-width:1320px}
.ok-home {font-family:"Noto Sans Armenian","Segoe UI",Arial,sans-serif;color:#193536;--ok-gap:24px}
.ok-home * {box-sizing:border-box}
.ok-home :is(h1,h2,h3,p) {margin-top:0}
.ok-home h1,.ok-home h2,.ok-home h3 {font-family:inherit;color:#193536;letter-spacing:-.035em}
.ok-home h2 {font-size:32px;line-height:1.4;font-weight:700;margin-bottom:0}
.ok-home p {color:#647571;font-size:15px;line-height:1.85}
.ok-home a {text-decoration:none}
.ok-home section {scroll-margin-top:120px}
.ok-home .ok-anchor {display:block;position:relative;top:-100px}
.ok-home .ok-eyebrow {display:inline-flex;align-items:center;gap:9px;font-size:11px;line-height:1.6;font-weight:700;letter-spacing:.06em;margin-bottom:20px;color:#4b7067}
.ok-home .ok-dot {width:7px;height:7px;border-radius:50%;background:#537e64}
.ok-home .ok-hero {display:grid;grid-template-columns:1fr 1fr;min-height:530px;border-radius:24px;overflow:hidden;background:#eaf0e6}
.ok-home .ok-hero-copy {padding:48px 44px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.ok-home .ok-hero h1 {font-size:clamp(38px,3.7vw,54px);line-height:1.22;font-weight:750;margin:0 0 24px;letter-spacing:-.045em}
.ok-home .ok-hero h1 em {font-style:normal;color:#3e7565}
.ok-home .ok-hero-copy>p {max-width:440px;font-size:16px;line-height:1.8;margin-bottom:26px}
.ok-home .ok-actions {display:flex;flex-wrap:wrap;gap:24px;align-items:center}
.ok-home .ok-button {display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:52px;background:#174d50;color:white;padding:15px 22px;border-radius:9px;font-size:13px;line-height:1.6;font-weight:700;transition:background .2s,transform .2s}
.ok-home .ok-button:hover {background:#103c3f;color:white;transform:translateY(-2px)}
.ok-home .ok-button span {font-size:23px;font-weight:400;line-height:1}
.ok-home .ok-text-link {display:inline-flex;align-items:center;gap:14px;min-height:44px;font-size:12px;font-weight:650;color:#174d50;white-space:nowrap}
.ok-home .ok-text-link:hover {color:#39765e}
.ok-home .ok-text-link span {font-size:20px}
.ok-home .ok-hero-note {font-size:11px;display:flex;gap:8px;color:#60786b;margin-top:25px}
.ok-home .ok-hero-visual {position:relative;min-height:530px;background:#ecebdd}
.ok-home .ok-hero-visual>img {width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:51% center}
.ok-home .ok-visual-note {position:absolute;bottom:28px;left:28px;right:28px;display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);padding:17px 20px;border-radius:13px;box-shadow:0 8px 24px #1736380c}
.ok-home .ok-note-icon {width:40px;height:40px;display:grid;place-items:center;background:#e7eee4;border-radius:50%;font-size:24px;flex-shrink:0}
.ok-home .ok-visual-note strong {font-size:13px;display:block;line-height:1.6}
.ok-home .ok-visual-note small {font-size:10px;color:#78857b;display:block;margin-top:3px}
.ok-home .ok-image-label {position:absolute;top:24px;right:24px;font-size:9px;letter-spacing:.11em;border:1px solid #55776755;padding:8px 11px;border-radius:30px;background:#f7f8f375;color:#365f4f}
.ok-home .ok-benefits {display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #dce4df;padding:30px 12px;gap:30px}
.ok-home .ok-benefits>div {display:flex;gap:14px;align-items:center}
.ok-home .ok-benefit-icon {font-size:25px;line-height:1;width:42px;height:42px;border-radius:50%;border:1px solid #d4dfd6;display:grid;place-items:center;flex-shrink:0;color:#396652}
.ok-home .ok-benefits p {margin:0;line-height:1.7}
.ok-home .ok-benefits strong {display:block;font-size:12px;font-weight:650;color:#193536}
.ok-home .ok-benefits p span {display:block;font-size:11px;color:#7b8880}
.ok-home .ok-section {padding:64px 0}
.ok-home .ok-section-head {display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px}
.ok-home .ok-section-head .ok-eyebrow {margin-bottom:8px}
.ok-home .ok-categories {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ok-home .ok-category {position:relative;min-height:300px;border-radius:16px;padding:25px 26px;overflow:hidden;color:#193536;transition:box-shadow .2s,transform .2s;isolation:isolate}
.ok-home .ok-category-sage {background:#e9eee5}
.ok-home .ok-category-cream {background:#f0ede3}
.ok-home .ok-category-blue {background:#e6ecec}
.ok-home .ok-category-copy {position:relative;z-index:2}
.ok-home .ok-category-number {font-size:10px;font-weight:600;color:#819183;letter-spacing:.06em}
.ok-home .ok-category h3 {font-size:20px;font-weight:650;line-height:1.4;margin:11px 0 8px}
.ok-home .ok-category p {font-size:10px;max-width:85%;color:#6b7b71;margin:0;line-height:1.5}
.ok-home .ok-category img {position:absolute;width:63%;height:140px;object-fit:contain;right:4%;bottom:12px;mix-blend-mode:multiply;transition:transform .3s;z-index:1}
.ok-home .ok-category-arrow {position:absolute;left:25px;bottom:24px;width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#fff9;font-size:22px;z-index:2}
.ok-home .ok-category:hover {box-shadow:0 10px 26px #19353613;transform:translateY(-3px);color:#193536}
.ok-home .ok-category:hover img {transform:scale(1.06)}
.ok-home .ok-products {padding-top:0}
.ok-home .ok-products .products {margin-bottom:0}
.ok-home .ok-business {display:grid;grid-template-columns:1.2fr .8fr;gap:80px;background:#193f40;color:#fff;padding:54px;border-radius:20px;position:relative;overflow:hidden}
.ok-home .ok-business h2 {color:#fff;font-size:35px;line-height:1.4;margin-bottom:22px}
.ok-home .ok-business .ok-eyebrow {color:#b4cbb8;margin-bottom:16px}
.ok-home .ok-business p {color:#c0d0c9;max-width:560px;font-size:14px;margin-bottom:25px}
.ok-home .ok-button-light {background:#e9eedf;color:#193f40}
.ok-home .ok-button-light:hover {background:#fff;color:#193f40}
.ok-home .ok-business-facts {align-self:center;border-top:1px solid #ffffff2b}
.ok-home .ok-business-facts>div {display:flex;gap:24px;align-items:center;border-bottom:1px solid #ffffff2b;padding:24px 0}
.ok-home .ok-business-facts strong {font-size:13px;font-weight:500;color:#a1b8a7}
.ok-home .ok-business-facts span {font-size:13px;line-height:1.8;color:#f1f5ed}
.ok-home .ok-brand-strip {display:flex;justify-content:space-between;align-items:center;gap:24px;padding:38px 14px;border-bottom:1px solid #dce4df}
.ok-home .ok-brand-strip>span {font-size:11px;color:#798981;max-width:100px}
.ok-home .ok-brand-strip>a {font-family:Georgia,serif;font-size:20px;letter-spacing:.07em;font-weight:700;color:#75877b}
.ok-home .ok-brand-strip>a:hover {color:#174d50}
.ok-home .ok-contact {display:grid;grid-template-columns:1fr 1fr;gap:9%;position:relative;padding-bottom:70px}
.ok-home .ok-contact>.ok-anchor {position:absolute}
.ok-home .ok-contact-info>p {font-size:14px;max-width:400px;margin:20px 0 30px}
.ok-home .ok-contact-info .ok-eyebrow {margin-bottom:13px}
.ok-home .ok-contact-links {display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.ok-home .ok-contact-links>span {font-size:10px;color:#7d8d83;margin-top:10px}
.ok-home .ok-contact-links>a {font-size:24px;line-height:1.4;color:#193f40;font-weight:600;letter-spacing:-.02em}
.ok-home .ok-contact-links>a.ok-email {font-size:14px;font-weight:500;letter-spacing:0}
.ok-home .ok-contact-form {background:#fff;border:1px solid #e0e7df;border-radius:18px;padding:30px}
.ok-home .ok-contact-form h3 {font-size:18px;line-height:1.6;margin-bottom:22px}
.ok-home .ok-contact-form p {font-size:11px;margin-bottom:16px;line-height:1.8}
.ok-home .ok-contact-form input:not([type=submit]),.ok-home .ok-contact-form textarea {margin-top:5px;width:100%;background:#f9faf6}
.ok-home .ok-contact-form textarea {height:105px;min-height:105px}
.ok-home .ok-contact-form input[type=submit] {min-height:48px;padding:13px 28px;width:100%}
.ok-home .ok-contact-form .wpcf7-spinner {margin:0}
/* Restore normal product discovery; previous CSS disabled product links. */
body:not(.wp-admin) :is(.product-image-link,.product-title a,.product_title.entry-title a) {pointer-events:auto!important}
body:not(.wp-admin) .whb-general-header-inner {height:92px}
body:not(.wp-admin) .whb-header-bottom-inner {height:47px}
body:not(.wp-admin) .whb-top-bar-inner {height:32px}
@media(max-width:1100px){.ok-home .ok-hero-copy{padding:36px 28px}.ok-home .ok-hero h1{font-size:42px}.ok-home .ok-hero,.ok-home .ok-hero-visual{min-height:480px}.ok-home .ok-actions{gap:12px}.ok-home .ok-benefits{gap:18px;padding:25px 0}.ok-home .ok-category{padding:22px;min-height:290px}.ok-home h2{font-size:27px}.ok-home .ok-business{gap:40px;padding:40px}.ok-home .ok-business h2{font-size:29px}}
@media(max-width:767px){body.page-id-474 .main-page-wrapper{padding-top:16px}body.page-id-474 .wd-content-layout{padding-left:16px;padding-right:16px}.ok-home .ok-hero{grid-template-columns:1fr;border-radius:16px}.ok-home .ok-hero-copy{padding:30px 24px}.ok-home .ok-hero h1{font-size:37px;line-height:1.22;margin-bottom:18px}.ok-home .ok-hero h1 br:first-of-type{display:none}.ok-home .ok-hero-copy>p{font-size:14px;margin-bottom:20px}.ok-home .ok-eyebrow{font-size:10px;margin-bottom:16px}.ok-home .ok-hero-visual{min-height:300px}.ok-home .ok-hero-visual>img{object-position:center 57%}.ok-home .ok-visual-note{left:16px;right:16px;bottom:16px;padding:13px;gap:10px}.ok-home .ok-visual-note strong{font-size:11px}.ok-home .ok-hero-note{margin-top:18px;font-size:10px}.ok-home .ok-image-label{top:16px;right:16px}.ok-home .ok-button{font-size:12px;min-height:48px;padding:12px 17px;gap:17px}.ok-home .ok-text-link{font-size:11px;gap:7px}.ok-home .ok-benefits{grid-template-columns:1fr;padding:24px 5px;gap:18px}.ok-home .ok-benefits>div{gap:13px}.ok-home .ok-benefits p span{font-size:11px}.ok-home .ok-benefit-icon{width:36px;height:36px;font-size:22px}.ok-home .ok-section{padding:40px 0}.ok-home .ok-section-head{display:block;margin-bottom:22px}.ok-home .ok-section-head>.ok-text-link{margin-top:8px}.ok-home h2{font-size:25px;line-height:1.45}.ok-home .ok-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ok-home .ok-category{padding:17px 14px;min-height:258px;border-radius:12px}.ok-home .ok-category h3{font-size:15px;line-height:1.4;margin:8px 0}.ok-home .ok-category-number{font-size:9px}.ok-home .ok-category p{font-size:9px;max-width:100%;line-height:1.65}.ok-home .ok-category img{width:85%;height:105px;bottom:25px;right:2%}.ok-home .ok-category-arrow{width:28px;height:28px;left:13px;bottom:12px;font-size:18px}.ok-home .ok-products{padding-top:0}.ok-home .ok-business{grid-template-columns:1fr;gap:28px;padding:30px 24px;border-radius:16px}.ok-home .ok-business h2{font-size:26px}.ok-home .ok-business p{font-size:13px}.ok-home .ok-business-facts>div{padding:16px 0;gap:18px}.ok-home .ok-brand-strip{flex-wrap:wrap;justify-content:center;gap:20px 24px;padding:28px 12px}.ok-home .ok-brand-strip>span{max-width:none;flex-basis:100%;text-align:center}.ok-home .ok-brand-strip>a{font-size:15px}.ok-home .ok-contact{grid-template-columns:1fr;gap:28px}.ok-home .ok-contact-form{padding:22px}.ok-home .ok-contact-info>p{margin:14px 0 20px}.ok-home .ok-contact-links>a{font-size:22px}body:not(.wp-admin) .whb-general-header-inner{height:72px}body:not(.wp-admin) .whb-header-bottom-inner{height:auto;min-height:46px}}
@media(prefers-reduced-motion:reduce){.ok-home *{scroll-behavior:auto;transition:none!important}.ok-home .ok-category:hover,.ok-home .ok-button:hover{transform:none}}
/* Legibility and mobile search refinements after visual review. */
.ok-home .ok-mobile-search{display:none}
.ok-home .ok-category p{font-size:12px}
.ok-home .ok-category-number{font-size:11px}
.ok-home .ok-benefits strong{font-size:13px}
.ok-home .ok-benefits p span{font-size:12px}
.ok-home .ok-contact-form p{font-size:13px}
.ok-home .ok-hero-note{font-size:12px}
.ok-home .ok-section-head .ok-eyebrow,.ok-home .ok-contact-links>span{font-size:12px}
@media(max-width:1024px){.ok-home .ok-mobile-search{display:flex;position:relative;margin:0 0 16px}.ok-home .ok-mobile-search input[type=search]{height:48px;padding:12px 48px 12px 15px;width:100%;background:white;font-size:14px;border:1px solid #d7e1d8;border-radius:10px}.ok-home .ok-mobile-search button{position:absolute;right:0;top:0;width:48px;height:48px;padding:0;color:#174d50;font-size:28px;background:transparent;border:0}}
@media(max-width:767px){.ok-home .ok-hero h1{font-size:34px}.ok-home .ok-hero h1 br:first-of-type{display:initial}.ok-home .ok-hero-copy{padding:28px 24px}.ok-home .ok-hero-copy>p{line-height:1.75}.ok-home .ok-category{min-height:270px}.ok-home .ok-category p{font-size:11px}.ok-home .ok-category img{bottom:20px;height:95px}.ok-home .ok-hero-note{font-size:11px}.ok-home .ok-eyebrow{font-size:11px}}

/* Consistent transparent category photography, with room below the captions. */
.ok-home .ok-category{min-height:320px}
.ok-home .ok-category img{width:76%;height:155px;right:2%;bottom:10px;mix-blend-mode:normal}
@media(max-width:767px){.ok-home .ok-category{min-height:288px}.ok-home .ok-category img{width:96%;height:112px;right:0;bottom:12px}}

/* Stationery directory. Append after the storefront CSS; limited to /grenakan/.
   Suggested heading: .ok-directory-icon + h2 + p (subcategory count).
   Suggested link: <a><span>Category name</span><span class="ok-directory-arrow" aria-hidden="true">↗</span></a>.
   The :has() integration below activates only when this directory is present. */
body.tax-product_cat:has(.ok-directory) .wd-content-layout { max-width: 1320px; }
body.tax-product_cat:has(.ok-directory) .wd-sidebar,
body.tax-product_cat:has(.ok-directory) .wd-products-element,
body.tax-product_cat:has(.ok-directory) .shop-loop-head .wd-show-sidebar-btn { display: none; }
body.tax-product_cat:has(.ok-directory) .wd-content-area { grid-column: 1 / -1; min-width: 0; }
body.tax-product_cat .ok-directory {
  --ok-directory-ink: #193536;
  --ok-directory-teal: #174d50;
  --ok-directory-muted: #657473;
  --ok-directory-line: #dce4df;
  --ok-directory-offset: 130px;
  width: 100%; max-width: 1320px; min-width: 0;
  margin: 0 auto 56px; color: var(--ok-directory-ink);
  font-family: "Noto Sans Armenian", "Segoe UI", Arial, sans-serif;
  text-align: start;
}
body.tax-product_cat .ok-directory,
body.tax-product_cat .ok-directory * { box-sizing: border-box; }
body.tax-product_cat .ok-directory :is(h1,h2,h3,p,ul) { margin: 0; }
body.tax-product_cat .ok-directory :is(h1,h2,h3) {
  color: var(--ok-directory-ink); font-family: inherit;
  text-transform: none; font-weight: 700; letter-spacing: -.025em;
}
body.tax-product_cat .ok-directory a { text-decoration: none; }
body.tax-product_cat .ok-directory a:focus-visible {
  outline: 3px solid #73a996; outline-offset: 3px;
}
body.tax-product_cat .ok-directory-hero {
  padding: clamp(28px,4vw,48px); border: 1px solid #dce7dc;
  border-radius: 22px; background: #eaf0e6;
}
body.tax-product_cat .ok-directory-hero :is(h1,h2) {
  max-width: 900px; font-size: clamp(28px,3.2vw,44px); line-height: 1.3;
}
body.tax-product_cat .ok-directory-hero > p {
  max-width: 760px; margin-top: 18px; font-size: 15px;
  line-height: 1.85; color: #526a60;
}
body.tax-product_cat .ok-directory .ok-directory-eyebrow {
  display: block; margin: 0 0 14px; color: #4b7067;
  font-size: 12px; line-height: 1.6; font-weight: 650; letter-spacing: .025em;
}
body.tax-product_cat .ok-directory .ok-directory-summary {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px 20px;
  margin-top: 22px; color: #526a60; font-size: 12px; line-height: 1.7;
}
body.tax-product_cat .ok-directory-summary strong { color: var(--ok-directory-teal); }
body.tax-product_cat .ok-directory-nav {
  display: flex; flex-wrap: wrap; gap: 10px;
  margin: 26px 0 32px; padding: 0;
}
body.tax-product_cat .ok-directory-nav a {
  display: inline-flex; align-items: center; justify-content: center;
  gap: 8px; min-height: 44px; max-width: 100%; padding: 10px 16px;
  border: 1px solid var(--ok-directory-line); border-radius: 999px;
  background: #fff; color: var(--ok-directory-teal);
  font-size: 13px; line-height: 1.55; font-weight: 600;
  transition: background-color .18s, border-color .18s;
}
body.tax-product_cat .ok-directory-nav a[aria-current="true"] {
  background: var(--ok-directory-teal); color: #fff; border-color: var(--ok-directory-teal);
}
body.tax-product_cat .ok-directory-grid {
  display: grid; grid-template-columns: repeat(2,minmax(0,1fr));
  align-items: start; gap: 24px;
}
body.tax-product_cat .ok-directory-group {
  min-width: 0; margin: 0; padding: 26px;
  border: 1px solid var(--ok-directory-line); border-radius: 18px;
  background: #fff; box-shadow: 0 3px 12px #19353603;
  scroll-margin-top: var(--ok-directory-offset);
  transition: border-color .18s, box-shadow .18s;
}
body.tax-product_cat .ok-directory-group:target {
  border-color: #83ad97; box-shadow: 0 0 0 3px #dde9e280;
}
body.tax-product_cat .ok-directory-heading {
  display: grid; grid-template-columns: 46px minmax(0,1fr);
  align-items: center; column-gap: 15px; row-gap: 5px;
  margin-bottom: 18px; padding-bottom: 20px;
  border-bottom: 1px solid #e7ede7;
}
body.tax-product_cat .ok-directory-heading > :is(.ok-directory-icon,svg,img,span:first-child) {
  grid-column: 1; grid-row: 1 / span 2;
  display: grid; place-items: center; width: 46px; height: 46px;
  padding: 10px; border-radius: 13px; background: #edf2e9;
  color: var(--ok-directory-teal); font-size: 23px; line-height: 1;
}
body.tax-product_cat .ok-directory-icon > :is(svg,img) {
  display: block; width: 26px; height: 26px; object-fit: contain;
}
body.tax-product_cat .ok-directory-heading > h2 {
  grid-column: 2; grid-row: 1; font-size: 20px; line-height: 1.45;
  overflow-wrap: anywhere;
}
body.tax-product_cat .ok-directory-heading > p {
  grid-column: 2; grid-row: 2; color: var(--ok-directory-muted);
  font-size: 12px; line-height: 1.6;
}
body.tax-product_cat .ok-directory-links {
  display: grid; grid-template-columns: minmax(0,1fr); gap: 3px;
  margin: 0; padding: 0; list-style: none;
}
body.tax-product_cat .ok-directory-links > li {
  min-width: 0; margin: 0; padding: 0; list-style: none;
}
body.tax-product_cat .ok-directory-links > li > a {
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px; width: 100%; min-height: 44px; padding: 10px 12px;
  border-radius: 8px; color: #355651;
  font-size: 14px; line-height: 1.65; font-weight: 500;
  transition: background-color .18s, color .18s;
}
body.tax-product_cat .ok-directory-links > li > a > span:first-child {
  min-width: 0; overflow-wrap: anywhere;
}
body.tax-product_cat .ok-directory-links .ok-directory-arrow {
  flex: 0 0 18px; color: #80958a; font-size: 20px;
  line-height: 1; text-align: center;
}
@media (hover: hover) {
  body.tax-product_cat .ok-directory-nav a:hover { background: #eaf0e6; border-color: #a7c1af; }
  body.tax-product_cat .ok-directory-links > li > a:hover {
    background: #f1f5ee; color: var(--ok-directory-teal);
  }
  body.tax-product_cat .ok-directory-links > li > a:hover .ok-directory-arrow { color: var(--ok-directory-teal); }
}
@media (max-width: 1024px) {
  body.tax-product_cat .ok-directory { --ok-directory-offset: 100px; }
  body.tax-product_cat .ok-directory-grid { gap: 18px; }
  body.tax-product_cat .ok-directory-group { padding: 22px; }
  body.tax-product_cat .ok-directory-heading > h2 { font-size: 18px; }
  body.tax-product_cat .ok-directory-links > li > a { padding-inline: 8px; }
}
@media (max-width: 767px) {
  body.tax-product_cat .ok-directory { margin-bottom: 36px; }
  body.tax-product_cat .ok-directory-hero { padding: 26px 22px; border-radius: 16px; }
  body.tax-product_cat .ok-directory-hero :is(h1,h2) { font-size: 28px; line-height: 1.4; }
  body.tax-product_cat .ok-directory-hero > p { margin-top: 14px; font-size: 14px; }
  body.tax-product_cat .ok-directory-nav { gap: 8px; margin: 20px 0 24px; }
  body.tax-product_cat .ok-directory-nav a { padding: 10px 13px; font-size: 12px; }
  body.tax-product_cat .ok-directory-grid { grid-template-columns: minmax(0,1fr); gap: 16px; }
  body.tax-product_cat .ok-directory-group { padding: 20px 16px; border-radius: 14px; }
  body.tax-product_cat .ok-directory-heading { column-gap: 12px; padding-bottom: 16px; margin-bottom: 12px; }
  body.tax-product_cat .ok-directory-links > li > a { min-height: 46px; font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  body.tax-product_cat .ok-directory :is(a,.ok-directory-group) { transition: none; }
}

/* Photography and progressive search. */
body.tax-product_cat .ok-directory p:empty{display:none}
body.tax-product_cat .ok-directory [hidden]{display:none!important}
body.tax-product_cat:has(.ok-directory) .term-description{margin-bottom:0}
body.tax-product_cat:has(.ok-directory) .shop-loop-head{margin-bottom:16px}
body.tax-product_cat:has(.ok-directory) .shop-loop-head .wd-shop-tools{padding:0;border:0;margin-bottom:0}
body.tax-product_cat .ok-directory-search{margin-top:24px}
body.tax-product_cat .ok-directory-search label{display:block;font-size:14px;font-weight:650;color:#193536;margin:0 0 8px}
body.tax-product_cat .ok-directory-search-row{display:flex;gap:12px;align-items:center}
body.tax-product_cat .ok-directory-search input{width:100%;height:50px;padding:12px 16px;background:white;font-size:15px;border:1px solid #cddbd4;border-radius:10px}
body.tax-product_cat .ok-directory-clear{flex-shrink:0;min-height:46px;padding:10px 16px;background:#e5eee5;color:#174d50;border:1px solid #ccdccc;border-radius:9px;text-transform:none;font-size:13px}
body.tax-product_cat .ok-directory .ok-directory-search-status:not(:empty){margin-top:15px;font-size:14px;color:#526a60}
body.tax-product_cat .ok-directory-nav{margin-top:20px}
body.tax-product_cat .ok-directory-heading:has(.ok-directory-photo){grid-template-columns:170px minmax(0,1fr);gap:5px 18px;min-height:146px;background:#edf2e9;border:0;border-radius:12px;padding:14px;margin-bottom:16px}
body.tax-product_cat .ok-directory-heading > img.ok-directory-photo{width:170px;height:114px;padding:0;border-radius:0;background:none;object-fit:contain;grid-row:1/span 2}
body.tax-product_cat .ok-directory-group{padding:20px}
body.tax-product_cat .ok-directory-heading>h2{font-size:19px;align-self:end;overflow-wrap:normal}
body.tax-product_cat .ok-directory-heading>p{align-self:start}
body.tax-product_cat .ok-directory-grid{align-items:stretch}
@media(max-width:1100px){body.tax-product_cat .ok-directory-heading:has(.ok-directory-photo){grid-template-columns:120px minmax(0,1fr);gap:5px 12px}body.tax-product_cat .ok-directory-heading>img.ok-directory-photo{width:120px;height:90px}body.tax-product_cat .ok-directory-heading>h2{font-size:17px}}
@media(max-width:767px){body.tax-product_cat:has(.ok-directory) .wd-content-layout{padding-left:16px;padding-right:16px}body.tax-product_cat .ok-directory-hero{padding:24px 20px}body.tax-product_cat .ok-directory-hero h1{font-size:27px}body.tax-product_cat .ok-directory-heading:has(.ok-directory-photo){grid-template-columns:112px minmax(0,1fr);min-height:132px;padding:12px;gap:6px 10px}body.tax-product_cat .ok-directory-heading>img.ok-directory-photo{width:112px;height:90px}body.tax-product_cat .ok-directory-group{padding:14px}body.tax-product_cat .ok-directory-heading>h2{font-size:16px;line-height:1.5}body.tax-product_cat .ok-directory-search-row{flex-wrap:wrap}body.tax-product_cat .ok-directory-clear{width:100%}body.tax-product_cat .ok-directory-nav a{font-size:12px;padding:10px 12px}body.tax-product_cat .ok-directory-links>li>a{font-size:14px;line-height:1.65;padding:10px 8px}}

/* Shared category landing pages. */
body.tax-product_cat:has(.ok-directory) .wd-content-area{display:flex;flex-direction:column}
body.tax-product_cat:has(.ok-directory) .shop-loop-head{order:-1}
body.tax-product_cat .ok-directory-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
body.tax-product_cat .ok-directory-tile{display:flex;flex-direction:column;min-width:0;padding:22px;border:1px solid #dce4df;border-radius:18px;background:#fff;color:#193536;transition:border-color .18s,box-shadow .18s}
body.tax-product_cat .ok-directory-tile img{width:100%;height:220px;object-fit:contain;background:#edf2e9;border-radius:12px;margin-bottom:20px}
body.tax-product_cat .ok-directory-tile h2{font-size:20px;line-height:1.5;margin-bottom:16px}
body.tax-product_cat .ok-directory-tile>span{margin-top:auto;display:flex;align-items:center;justify-content:space-between;min-height:44px;font-size:13px;color:#4b7067}
body.tax-product_cat .ok-directory-tile:hover{border-color:#8fb3a0;box-shadow:0 6px 20px #1935360a}
body.tax-product_cat .ok-directory--small .ok-directory-grid{margin-top:28px}
@media(min-width:1200px){body.tax-product_cat .ok-directory-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}body.tax-product_cat .ok-directory-grid--three .ok-directory-heading:has(.ok-directory-photo){grid-template-columns:110px minmax(0,1fr);padding:12px;gap:6px 12px}body.tax-product_cat .ok-directory-grid--three .ok-directory-heading>img.ok-directory-photo{width:110px;height:90px}body.tax-product_cat .ok-directory-grid--three .ok-directory-heading>h2{font-size:16px}}
@media(max-width:767px){body.tax-product_cat .ok-directory-tiles{grid-template-columns:minmax(0,1fr)}body.tax-product_cat .ok-directory-tile{padding:16px}body.tax-product_cat .ok-directory-tile img{height:190px;margin-bottom:16px}body.tax-product_cat .ok-directory-tile h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){body.tax-product_cat .ok-directory-tile{transition:none}}

body.tax-product_cat .ok-directory-tile{position:relative}
body.tax-product_cat .ok-directory-tile a{margin-top:auto;display:flex;align-items:center;justify-content:space-between;min-height:44px;font-size:13px;color:#4b7067}
body.tax-product_cat .ok-directory-tile a:after{content:"";position:absolute;inset:0;border-radius:18px}
body.tax-product_cat .ok-directory-tile:focus-within{outline:3px solid #73a996;outline-offset:3px}
body.tax-product_cat .ok-directory-heading>h2{overflow-wrap:anywhere}

body.tax-product_cat .ok-directory-tile>p:not(:empty){margin-top:auto}


/* Officekit shop directory. All changes require the custom overview on /shop/. */
body.woocommerce-shop:has(.ok-shop-overview) .wd-content-layout {
  max-width: 1320px;
}
body.woocommerce-shop:has(.ok-shop-overview) .wd-sidebar,
body.woocommerce-shop:has(.ok-shop-overview) .shop-loop-head .wd-show-sidebar-btn,
body.woocommerce-shop:has(.ok-shop-overview) .wd-products-element:has(.product-category):not(:has(.product-grid-item)) {
  display: none;
}
body.woocommerce-shop:has(.ok-shop-overview) .wd-content-area {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
body.woocommerce-shop:has(.ok-shop-overview) .shop-loop-head {
  order: -1;
  margin-bottom: 18px;
}
body.woocommerce-shop:has(.ok-shop-overview) .shop-loop-head .wd-shop-tools {
  padding: 0;
  margin-bottom: 0;
  border: 0;
}
body.woocommerce-shop:has(.ok-shop-overview) .shop-content-area {
  margin-bottom: 0;
}
body.woocommerce-shop .ok-shop-overview {
  --ok-shop-ink: #193536;
  --ok-shop-teal: #174d50;
  --ok-shop-muted: #657473;
  --ok-shop-line: #dce4df;
  width: 100%;
  min-width: 0;
  margin: 0 auto 56px;
  color: var(--ok-shop-ink);
  font-family: "Noto Sans Armenian", "Segoe UI", Arial, sans-serif;
  text-align: start;
}
body.woocommerce-shop .ok-shop-overview,
body.woocommerce-shop .ok-shop-overview * {
  box-sizing: border-box;
}
body.woocommerce-shop .ok-shop-overview :is(h1,h2,h3,p) {
  margin: 0;
}
body.woocommerce-shop .ok-shop-overview p:empty {
  display: none;
}
body.woocommerce-shop .ok-shop-overview :is(h1,h2,h3) {
  font-family: inherit;
  color: var(--ok-shop-ink);
  font-weight: 700;
  text-transform: none;
  letter-spacing: -.025em;
}
body.woocommerce-shop .ok-shop-overview a {
  text-decoration: none;
}
body.woocommerce-shop .ok-shop-overview :is(a,input,button):focus-visible {
  outline: 3px solid #73a996;
  outline-offset: 4px;
}
body.woocommerce-shop .ok-shop-hero {
  padding: clamp(26px,3.5vw,42px);
  border: 1px solid #dce7dc;
  border-radius: 22px;
  background: #eaf0e6;
}
body.woocommerce-shop .ok-shop-overview .ok-shop-eyebrow {
  display: block;
  margin-bottom: 12px;
  color: #4b7067;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.6;
  letter-spacing: .025em;
}
body.woocommerce-shop .ok-shop-hero h1 {
  max-width: 900px;
  font-size: clamp(29px,3.4vw,44px);
  line-height: 1.3;
}
body.woocommerce-shop .ok-shop-hero > div > p:not(.ok-shop-eyebrow) {
  max-width: 780px;
  margin-top: 14px;
  color: #526a60;
  font-size: 15px;
  line-height: 1.85;
}
body.woocommerce-shop .ok-shop-search {
  max-width: 720px;
  margin-top: 24px;
}
body.woocommerce-shop .ok-shop-search form {
  margin: 0;
}
body.woocommerce-shop .ok-shop-search-row > p {
  display: contents;
}
body.woocommerce-shop .ok-shop-search label {
  display: block;
  margin-bottom: 8px;
  color: var(--ok-shop-ink);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.6;
}
body.woocommerce-shop .ok-shop-search-row {
  display: flex;
  align-items: stretch;
  gap: 10px;
}
body.woocommerce-shop .ok-shop-search input[type="search"] {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  height: 50px;
  padding: 12px 16px;
  border: 1px solid #c7d8cc;
  border-radius: 10px;
  background: #fff;
  color: var(--ok-shop-ink);
  font-family: inherit;
  font-size: 15px;
}
body.woocommerce-shop .ok-shop-search button {
  flex: 0 0 auto;
  min-height: 50px;
  padding: 12px 22px;
  border: 1px solid var(--ok-shop-teal);
  border-radius: 10px;
  background: var(--ok-shop-teal);
  color: #fff;
  font-family: inherit;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.5;
  text-transform: none;
  cursor: pointer;
}
body.woocommerce-shop .ok-shop-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px 24px;
  margin: 34px 0 20px;
}
body.woocommerce-shop .ok-shop-heading h2 {
  font-size: clamp(22px,2.4vw,29px);
  line-height: 1.45;
}
body.woocommerce-shop .ok-shop-heading > :is(span,p),
body.woocommerce-shop .ok-shop-count {
  flex: 0 0 auto;
  color: var(--ok-shop-muted);
  font-size: 13px;
  line-height: 1.6;
}
body.woocommerce-shop .ok-shop-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 22px;
}
body.woocommerce-shop .ok-shop-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--ok-shop-line);
  border-radius: 18px;
  background: #fff;
  color: var(--ok-shop-ink);
  transition: border-color .18s, box-shadow .18s, transform .18s;
}
body.woocommerce-shop .ok-shop-image {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 100%;
  aspect-ratio: 3 / 2;
  height: auto;
  min-width: 0;
  padding: 12px;
  border-radius: 12px;
  background: #eaf0e6;
}
body.woocommerce-shop .ok-shop-image > p {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
body.woocommerce-shop .ok-shop-photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
body.woocommerce-shop .ok-shop-card:nth-child(3n + 2) .ok-shop-image {
  background: #f0ede3;
}
body.woocommerce-shop .ok-shop-card:nth-child(3n) .ok-shop-image {
  background: #e6ecec;
}
body.woocommerce-shop .ok-shop-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
  padding: 20px 7px 3px;
}
body.woocommerce-shop .ok-shop-body h3 {
  font-size: 20px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
body.woocommerce-shop .ok-shop-body > p {
  margin-top: 8px;
  color: #657473;
  font-size: 13px;
  line-height: 1.75;
  overflow-wrap: anywhere;
}
body.woocommerce-shop .ok-shop-link {
  margin-top: auto;
}
body.woocommerce-shop .ok-shop-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 44px;
  padding-top: 18px;
  color: var(--ok-shop-teal);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.6;
}
body.woocommerce-shop .ok-shop-cta::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 18px;
}
body.woocommerce-shop .ok-shop-card:focus-within {
  outline: 3px solid #73a996;
  outline-offset: 3px;
}
body.woocommerce-shop .ok-shop-card .ok-shop-cta:focus-visible {
  outline: none;
}
body.woocommerce-shop .ok-shop-cta > span[aria-hidden="true"] {
  flex: 0 0 auto;
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
}
body.woocommerce-shop .ok-shop-sale {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px 32px;
  margin-top: 28px;
  padding: 24px 28px;
  border: 1px solid #d2dfd5;
  border-radius: 16px;
  background: #edf2e9;
}
body.woocommerce-shop .ok-shop-sale h2 {
  font-size: 21px;
  line-height: 1.5;
}
body.woocommerce-shop .ok-shop-sale p {
  margin-top: 5px;
  color: #657473;
  font-size: 13px;
  line-height: 1.75;
}
body.woocommerce-shop .ok-shop-sale-link {
  flex: 0 0 auto;
}
body.woocommerce-shop .ok-shop-sale-link a {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-height: 46px;
  padding: 10px 18px;
  border: 1px solid #b9d0c3;
  border-radius: 10px;
  background: #fff;
  color: var(--ok-shop-teal);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.6;
}
@media (hover: hover) {
  body.woocommerce-shop .ok-shop-card:hover {
    border-color: #95b6a2;
    box-shadow: 0 10px 26px #1935360c;
    transform: translateY(-2px);
    color: var(--ok-shop-ink);
  }
  body.woocommerce-shop .ok-shop-search button:hover {
    background: #103c3f;
    border-color: #103c3f;
  }
  body.woocommerce-shop .ok-shop-sale-link a:hover {
    background: #f7f9f4;
    border-color: #95b6a2;
  }
}
@media (max-width: 1024px) {
  body.woocommerce-shop .ok-shop-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 18px;
  }
  body.woocommerce-shop .ok-shop-body h3 {
    font-size: 19px;
  }
}
@media (max-width: 767px) {
  body.woocommerce-shop:has(.ok-shop-overview) .wd-content-layout {
    padding-inline: 16px;
  }
  body.woocommerce-shop .ok-shop-overview {
    margin-bottom: 36px;
  }
  body.woocommerce-shop .ok-shop-hero {
    padding: 24px 20px;
    border-radius: 16px;
  }
  body.woocommerce-shop .ok-shop-hero h1 {
    font-size: 28px;
    line-height: 1.4;
  }
  body.woocommerce-shop .ok-shop-hero > div > p:not(.ok-shop-eyebrow) {
    font-size: 14px;
  }
  body.woocommerce-shop .ok-shop-search {
    margin-top: 20px;
  }
  body.woocommerce-shop .ok-shop-search-row {
    flex-wrap: wrap;
    gap: 8px;
  }
  body.woocommerce-shop .ok-shop-search input[type="search"] {
    flex-basis: 100%;
    font-size: 16px;
  }
  body.woocommerce-shop .ok-shop-search button {
    width: 100%;
    min-height: 46px;
  }
  body.woocommerce-shop .ok-shop-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
    margin: 28px 0 16px;
  }
  body.woocommerce-shop .ok-shop-heading h2 {
    font-size: 23px;
  }
  body.woocommerce-shop .ok-shop-grid {
    grid-template-columns: minmax(0,1fr);
    gap: 14px;
  }
  body.woocommerce-shop .ok-shop-card {
    display: grid;
    grid-template-columns: minmax(100px,34%) minmax(0,1fr);
    align-items: stretch;
    gap: 14px;
    padding: 12px;
    border-radius: 14px;
  }
  body.woocommerce-shop .ok-shop-image {
    align-self: center;
    aspect-ratio: 1 / 1;
    padding: 5px;
    border-radius: 9px;
  }
  body.woocommerce-shop .ok-shop-body {
    padding: 4px 0;
  }
  body.woocommerce-shop .ok-shop-body h3 {
    font-size: 16px;
    line-height: 1.55;
  }
  body.woocommerce-shop .ok-shop-body > p {
    margin-top: 5px;
    font-size: 12px;
  }
  body.woocommerce-shop .ok-shop-cta {
    padding-top: 10px;
    font-size: 12px;
  }
  body.woocommerce-shop .ok-shop-sale {
    align-items: stretch;
    flex-direction: column;
    gap: 16px;
    margin-top: 22px;
    padding: 20px;
    border-radius: 14px;
  }
  body.woocommerce-shop .ok-shop-sale h2 {
    font-size: 20px;
  }
  body.woocommerce-shop .ok-shop-sale-link a {
    width: 100%;
  }
}
@media (max-width: 359px) {
  body.woocommerce-shop .ok-shop-card {
    grid-template-columns: 86px minmax(0,1fr);
    gap: 10px;
  }
  body.woocommerce-shop .ok-shop-body h3 {
    font-size: 15px;
  }
  body.woocommerce-shop .ok-shop-hero {
    padding-inline: 16px;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.woocommerce-shop .ok-shop-card {
    transition: none;
    transform: none !important;
  }
}

/* Officekit brand palette. Append after theme-css-deployed.css. Colors only. */
body:not(.wp-admin) {
  --ok-brand-teal: #2c575e; --ok-brand-deep: #21464c;
  --ok-brand-gold: #d7b159; --ok-brand-gold-hover: #c9a047;
  --ok-brand-ink: #17383e; --ok-brand-muted: #5a6d70;
  --ok-brand-page: #faf9f5; --ok-brand-white: #fff;
  --ok-brand-aqua: #edf3f2; --ok-brand-aqua-strong: #e2ecea;
  --ok-brand-cream: #f6eedc; --ok-brand-line: #dce5e3;
  --ok-brand-line-strong: #a6bfbe; --ok-brand-on-dark: #edf5f2;
  --ok-brand-muted-on-dark: #c7dbd6;
  --ok-ink: var(--ok-brand-ink); --ok-teal: var(--ok-brand-teal);
  --ok-ivory: var(--ok-brand-page); --ok-sage: var(--ok-brand-aqua);
  --ok-line: var(--ok-brand-line); --ok-muted: var(--ok-brand-muted);
  --wd-primary-color: var(--ok-brand-teal); --wd-alternative-color: var(--ok-brand-gold);
  --wd-text-color: var(--ok-brand-muted); --wd-title-color: var(--ok-brand-ink);
  --wd-btn-default-bg: var(--ok-brand-aqua); --wd-btn-default-bg-hover: var(--ok-brand-aqua-strong);
  --wd-btn-default-color: var(--ok-brand-teal); --wd-btn-default-color-hover: var(--ok-brand-deep);
  --wd-btn-accent-bg: var(--ok-brand-gold); --wd-btn-accent-bg-hover: var(--ok-brand-gold-hover);
  --wd-btn-accent-color: var(--ok-brand-ink); --wd-btn-accent-color-hover: var(--ok-brand-ink);
  --wd-btn-shop-bg: var(--ok-brand-gold); --wd-btn-shop-bg-hover: var(--ok-brand-gold-hover);
  --wd-btn-shop-color: var(--ok-brand-ink); --wd-btn-shop-color-hover: var(--ok-brand-ink);
  --btn-default-bgcolor: var(--ok-brand-aqua); --btn-default-bgcolor-hover: var(--ok-brand-aqua-strong);
  --btn-default-color: var(--ok-brand-teal); --btn-default-color-hover: var(--ok-brand-deep);
  --btn-accented-bgcolor: var(--ok-brand-gold); --btn-accented-bgcolor-hover: var(--ok-brand-gold-hover);
  --btn-accented-color: var(--ok-brand-ink); --btn-accented-color-hover: var(--ok-brand-ink);
  --btn-shop-bgcolor: var(--ok-brand-gold); --btn-shop-bgcolor-hover: var(--ok-brand-gold-hover);
  --btn-shop-color: var(--ok-brand-ink); --btn-shop-color-hover: var(--ok-brand-ink);
  color: var(--ok-brand-ink); background-color: var(--ok-brand-page);
}
body:not(.wp-admin) .main-page-wrapper { background-color: var(--ok-brand-page); }
body:not(.wp-admin) :is(a,button,input,select,textarea):focus-visible { outline-color: var(--ok-brand-teal); }

/* White main header keeps the teal logo legible. */
body:not(.wp-admin) .whb-top-bar { background-color: var(--ok-brand-teal) !important; }
body:not(.wp-admin) .whb-top-bar .wd-header-text,
body:not(.wp-admin) .whb-top-bar .wd-header-text :is(a,span,p) { color: var(--ok-brand-on-dark) !important; }
body:not(.wp-admin) .whb-top-bar .wd-header-text a:hover { color: var(--ok-brand-gold) !important; }
body:not(.wp-admin) :is(.whb-general-header,.whb-header-bottom) { background-color: var(--ok-brand-white) !important; border-color: var(--ok-brand-line) !important; }
body:not(.wp-admin) .whb-header-bottom .wd-nav-main > li > a { color: var(--ok-brand-ink) !important; }
body:not(.wp-admin) .whb-header-bottom .wd-nav-main > li:is(.current-menu-item,:hover) > a { color: var(--ok-brand-teal) !important; }
body:not(.wp-admin) .whb-general-header .wd-search-form .searchform input.s { background-color: var(--ok-brand-page); border-color: var(--ok-brand-line); }
body:not(.wp-admin) .whb-header .wd-tools-count { background-color: var(--ok-brand-gold); color: var(--ok-brand-ink); }
body:not(.wp-admin) :is(.whb-top-bar,.footer-container) a:focus-visible { outline-color: var(--ok-brand-gold); }

/* Primary actions; secondary buttons stay pale aqua. No notice/status selectors. */
body:not(.wp-admin) :is(.single_add_to_cart_button,.add_to_cart_button,.checkout-button,.wpcf7-submit,.woocommerce .button.alt,.ok-home .ok-button,.ok-home .ok-button-light,.ok-shop-search button) {
  --btn-bgcolor: var(--ok-brand-gold); --btn-bgcolor-hover: var(--ok-brand-gold-hover);
  --btn-color: var(--ok-brand-ink); --btn-color-hover: var(--ok-brand-ink);
  background-color: var(--ok-brand-gold); border-color: var(--ok-brand-gold); color: var(--ok-brand-ink);
}
body:not(.wp-admin) :is(.single_add_to_cart_button,.add_to_cart_button,.checkout-button,.wpcf7-submit,.woocommerce .button.alt,.ok-home .ok-button,.ok-home .ok-button-light,.ok-shop-search button):hover:not(:disabled):not(.disabled):not([aria-disabled="true"]) {
  background-color: var(--ok-brand-gold-hover); border-color: var(--ok-brand-gold-hover); color: var(--ok-brand-ink);
}

/* Homepage: airy aqua and cream, with gold reserved for actions and small details. */
body:not(.wp-admin) .ok-home { color: var(--ok-brand-ink); }
body:not(.wp-admin) .ok-home :is(h1,h2,h3,.ok-benefits strong) { color: var(--ok-brand-ink); }
body:not(.wp-admin) .ok-home p { color: var(--ok-brand-muted); }
body:not(.wp-admin) .ok-home :is(.ok-eyebrow,.ok-text-link,.ok-contact-links>a,.ok-benefit-icon,.ok-hero h1 em) { color: var(--ok-brand-teal); }
body:not(.wp-admin) .ok-home :is(.ok-text-link:hover,.ok-contact-links>a:hover) { color: var(--ok-brand-deep); }
body:not(.wp-admin) .ok-home .ok-dot { background-color: var(--ok-brand-gold); }
body:not(.wp-admin) .ok-home :is(.ok-hero,.ok-category-sage,.ok-note-icon) { background-color: var(--ok-brand-aqua); }
body:not(.wp-admin) .ok-home :is(.ok-hero-visual,.ok-category-cream) { background-color: var(--ok-brand-cream); }
body:not(.wp-admin) .ok-home .ok-category-blue { background-color: var(--ok-brand-aqua-strong); }
body:not(.wp-admin) .ok-home :is(.ok-category,.ok-category:hover) { color: var(--ok-brand-ink); }
body:not(.wp-admin) .ok-home :is(.ok-category-number,.ok-category p,.ok-hero-note,.ok-benefits p span,.ok-brand-strip>span,.ok-brand-strip>a,.ok-contact-links>span,.ok-visual-note small) { color: var(--ok-brand-muted); }
body:not(.wp-admin) .ok-home .ok-category-arrow { color: var(--ok-brand-teal); background-color: var(--ok-brand-white); }
body:not(.wp-admin) .ok-home .ok-category:hover .ok-category-arrow { color: var(--ok-brand-ink); background-color: var(--ok-brand-gold); }
body:not(.wp-admin) .ok-home :is(.ok-benefits,.ok-benefit-icon,.ok-brand-strip,.ok-contact-form) { border-color: var(--ok-brand-line); }
body:not(.wp-admin) .ok-home .ok-brand-strip>a:hover { color: var(--ok-brand-teal); }
body:not(.wp-admin) .ok-home .ok-image-label { color: var(--ok-brand-teal); border-color: var(--ok-brand-line-strong); }
body:not(.wp-admin) .ok-home .ok-business { background-color: var(--ok-brand-deep); color: var(--ok-brand-on-dark); }
body:not(.wp-admin) .ok-home .ok-business :is(h2,.ok-business-facts span) { color: var(--ok-brand-on-dark); }
body:not(.wp-admin) .ok-home .ok-business :is(p,.ok-business-facts strong) { color: var(--ok-brand-muted-on-dark); }
body:not(.wp-admin) .ok-home .ok-business .ok-eyebrow { color: var(--ok-brand-gold); }
body:not(.wp-admin) .ok-home .ok-business a:focus-visible { outline-color: var(--ok-brand-gold); }
body:not(.wp-admin) .ok-home .ok-contact-form { background-color: var(--ok-brand-white); }

/* Custom shop and category directories declare their own local variables. */
body:not(.wp-admin) .ok-directory {
  --ok-directory-ink: var(--ok-brand-ink); --ok-directory-teal: var(--ok-brand-teal);
  --ok-directory-muted: var(--ok-brand-muted); --ok-directory-line: var(--ok-brand-line);
}
body:not(.wp-admin) .ok-shop-overview {
  --ok-shop-ink: var(--ok-brand-ink); --ok-shop-teal: var(--ok-brand-teal);
  --ok-shop-muted: var(--ok-brand-muted); --ok-shop-line: var(--ok-brand-line);
}
body:not(.wp-admin) :is(.ok-directory-hero,.ok-shop-hero) { background-color: var(--ok-brand-aqua); border-color: var(--ok-brand-line); }
body:not(.wp-admin) .ok-directory :is(.ok-directory-eyebrow,.ok-directory-search label) { color: var(--ok-brand-teal); }
body:not(.wp-admin) .ok-directory :is(.ok-directory-hero>p,.ok-directory-summary,.ok-directory-search-status:not(:empty)) { color: var(--ok-brand-muted); }
body:not(.wp-admin) .ok-directory :is(.ok-directory-group,.ok-directory-tile) { background-color: var(--ok-brand-white); border-color: var(--ok-brand-line); color: var(--ok-brand-ink); }
body:not(.wp-admin) .ok-directory .ok-directory-heading:has(.ok-directory-photo),
body:not(.wp-admin) .ok-directory .ok-directory-tile img { background-color: var(--ok-brand-aqua); }
body:not(.wp-admin) .ok-directory .ok-directory-group:nth-child(even) .ok-directory-heading:has(.ok-directory-photo),
body:not(.wp-admin) .ok-directory .ok-directory-tile:nth-child(even) img { background-color: var(--ok-brand-cream); }
body:not(.wp-admin) .ok-directory :is(.ok-directory-links>li>a,.ok-directory-tile a) { color: var(--ok-brand-teal); }
body:not(.wp-admin) .ok-directory .ok-directory-arrow { color: var(--ok-brand-muted); }
body:not(.wp-admin) .ok-directory :is(.ok-directory-nav a:hover,.ok-directory-links>li>a:hover,.ok-directory-clear) { background-color: var(--ok-brand-aqua); border-color: var(--ok-brand-line-strong); color: var(--ok-brand-teal); }
body:not(.wp-admin) .ok-directory .ok-directory-nav a[aria-current="true"] { background-color: var(--ok-brand-teal); border-color: var(--ok-brand-teal); color: var(--ok-brand-white); }
body:not(.wp-admin) .ok-directory :is(.ok-directory-group:target,.ok-directory-tile:hover) { border-color: var(--ok-brand-line-strong); }
body:not(.wp-admin) .ok-shop-overview .ok-shop-eyebrow { color: var(--ok-brand-teal); }
body:not(.wp-admin) .ok-shop-overview :is(.ok-shop-hero>div>p:not(.ok-shop-eyebrow),.ok-shop-body>p,.ok-shop-sale p) { color: var(--ok-brand-muted); }
body:not(.wp-admin) .ok-shop-overview .ok-shop-image { background-color: var(--ok-brand-aqua); }
body:not(.wp-admin) .ok-shop-overview .ok-shop-card:nth-child(3n+2) .ok-shop-image { background-color: var(--ok-brand-cream); }
body:not(.wp-admin) .ok-shop-overview .ok-shop-card:nth-child(3n) .ok-shop-image { background-color: var(--ok-brand-aqua-strong); }
body:not(.wp-admin) .ok-shop-overview .ok-shop-card:hover { border-color: var(--ok-brand-line-strong); }
body:not(.wp-admin) .ok-shop-overview .ok-shop-sale { background-color: var(--ok-brand-cream); border-color: var(--ok-brand-line); }
body:not(.wp-admin) .ok-shop-overview .ok-shop-sale-link a { color: var(--ok-brand-teal); background-color: var(--ok-brand-white); border-color: var(--ok-brand-line-strong); }
body:not(.wp-admin) .ok-shop-overview .ok-shop-sale-link a:hover { color: var(--ok-brand-deep); background-color: var(--ok-brand-aqua); border-color: var(--ok-brand-teal); }
body:not(.wp-admin) :is(.ok-directory a:focus-visible,.ok-directory-tile:focus-within,.ok-shop-overview :is(a,input,button):focus-visible,.ok-shop-card:focus-within) { outline-color: var(--ok-brand-teal); }

/* WooCommerce surfaces stay white; stock/notice/error/success colors are untouched. */
body:not(.wp-admin) :is(.product-grid-item .product-wrapper,.product-grid-item .product-element-top,.category-grid-item .category-content,.woocommerce-product-gallery,.woocommerce-cart-form,.cart_totals,.woocommerce-checkout-review-order) { background-color: var(--ok-brand-white); border-color: var(--ok-brand-line); }
body:not(.wp-admin) .product-grid-item .product-wrapper:hover { border-color: var(--ok-brand-line-strong); }
body:not(.wp-admin) .summary .price { color: var(--ok-brand-teal); }
body:not(.wp-admin) .price del { color: var(--ok-brand-muted); }
body:not(.wp-admin) .product-labels .onsale { background-color: var(--ok-brand-gold); color: var(--ok-brand-ink); }
body:not(.wp-admin) .widget_product_categories a { color: var(--ok-brand-muted); }
body:not(.wp-admin) .widget_product_categories :is(.current-cat>a,a:hover) { color: var(--ok-brand-teal); }
body:not(.wp-admin) .quantity :is(.minus,.plus) { background-color: var(--ok-brand-aqua); color: var(--ok-brand-teal); }
body:not(.wp-admin) .quantity :is(.minus,.plus):hover { background-color: var(--ok-brand-aqua-strong); color: var(--ok-brand-deep); }
body:not(.wp-admin) :is(input[type="text"],input[type="email"],input[type="tel"],input[type="password"],input[type="search"],input[type="url"],select,textarea):not([aria-invalid="true"]):not(.wpcf7-not-valid):not(.woocommerce-invalid *) { background-color: var(--ok-brand-white); border-color: var(--ok-brand-line-strong); color: var(--ok-brand-ink); }
body:not(.wp-admin) :is(input,textarea)::placeholder { color: var(--ok-brand-muted); }
body:not(.wp-admin) :is(input,select,textarea):focus:not([aria-invalid="true"]):not(.wpcf7-not-valid):not(.woocommerce-invalid *) { border-color: var(--ok-brand-teal); }

/* Dark brand footer; gold is used only for hover/focus accents. */
body:not(.wp-admin) .footer-container { background-color: var(--ok-brand-deep) !important; color: var(--ok-brand-muted-on-dark); }
body:not(.wp-admin) .footer-container :is(.widget-title,h2,h3,h4) { color: var(--ok-brand-on-dark); }
body:not(.wp-admin) .footer-container :is(p,li,a) { color: var(--ok-brand-muted-on-dark); }
body:not(.wp-admin) .footer-container a:hover { color: var(--ok-brand-gold); }
body:not(.wp-admin) .copyrights-wrapper { background-color: var(--ok-brand-deep); color: var(--ok-brand-muted-on-dark); }
body:not(.wp-admin) .copyrights-wrapper a { color: var(--ok-brand-on-dark); }
body:not(.wp-admin) .copyrights-wrapper a:hover { color: var(--ok-brand-gold); }

/* Keep the mobile social icons legible on the teal top bar. */
body:not(.wp-admin) .whb-top-bar .wd-social-icons a { color: var(--ok-brand-on-dark); }
body:not(.wp-admin) .whb-top-bar .wd-social-icons a:hover { color: var(--ok-brand-gold); }
body:not(.wp-admin) .whb-top-bar .wd-header-text a:hover { color: var(--ok-brand-cream) !important; }
body:not(.wp-admin) .ok-home .ok-image-label { background-color: rgba(255,255,255,.94); }