.homm-root {
	--homm-primary: #f5c33d;
	--homm-panel: #fff;
	--homm-text: #202020;
	--homm-trigger-bg: #fff;
	--homm-trigger-text: #202020;
	--homm-trigger-icon: #202020;
	--homm-trigger-hover-bg: #171717;
	--homm-trigger-hover-text: #fff;
	--homm-heading: #202020;
	--homm-link: #555;
	--homm-link-hover: #b18200;
	--homm-border: #e7e7e7;
	--homm-brand-bg: #f0f2f4;
	--homm-overlay: #000;
	--homm-trigger-radius: 8px;
	--homm-trigger-font-size: 16px;
	--homm-trigger-icon-size: 20px;
	font-family: inherit;
}

.homm-trigger {
	display: inline-flex;
	align-items: center;
	gap: 11px;
	min-height: 42px;
	padding: 0 14px;
	border: 0;
	border-radius: var(--homm-trigger-radius);
	background: var(--homm-trigger-bg);
	color: var(--homm-trigger-text);
	font: inherit;
	font-size: var(--homm-trigger-font-size);
	font-weight: 700;
	cursor: pointer;
}

.homm-trigger .homm-burger,
.homm-trigger .homm-chevron { color: var(--homm-trigger-icon); }
.homm-trigger:hover,
.homm-trigger:focus-visible,
.homm-root.is-open .homm-trigger { background: var(--homm-trigger-hover-bg); color: var(--homm-trigger-hover-text); }
.homm-trigger:hover .homm-burger,
.homm-trigger:hover .homm-chevron,
.homm-root.is-open .homm-trigger .homm-burger,
.homm-root.is-open .homm-trigger .homm-chevron { color: currentColor; }

.homm-burger { display: grid; gap: 4px; width: var(--homm-trigger-icon-size); }
.homm-burger i { display: block; height: 2px; border-radius: 2px; background: currentColor; }
.homm-chevron { width: calc(var(--homm-trigger-icon-size) * .4); height: calc(var(--homm-trigger-icon-size) * .4); margin-left: 4px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-2px); transition: transform .2s ease; }
.homm-root.is-open .homm-chevron { transform: rotate(225deg) translate(-2px, -2px); }

.homm-backdrop {
	position: fixed;
	inset: var(--homm-panel-top, 0) 0 0;
	z-index: 99990;
	background: color-mix(in srgb, var(--homm-overlay) 28%, transparent);
}

.homm-panel {
	position: fixed;
	top: var(--homm-panel-top, 0);
	left: 0;
	z-index: 99991;
	width: 100%;
	max-height: calc(100dvh - var(--homm-panel-top, 0px));
	overflow: auto;
	background: var(--homm-panel);
	color: var(--homm-text);
	box-shadow: 0 18px 42px rgba(0, 0, 0, .16);
}

.homm-panel[hidden], .homm-backdrop[hidden] { display: none !important; }
.homm-panel-inner { position: relative; width: min(100%, 1480px); margin: 0 auto; padding: 0 28px 22px; }
.homm-close { position: absolute; top: 10px; right: 18px; z-index: 2; width: 40px; height: 40px; border: 0; background: transparent; color: inherit; font-size: 30px; line-height: 1; cursor: pointer; }

.homm-tabs { display: grid; grid-template-columns: repeat(auto-fit, minmax(92px, 1fr)); padding: 10px 46px 0 0; border-bottom: 1px solid var(--homm-border); }
.homm-tab { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; min-height: 78px; padding: 7px 6px 10px; border: 0; border-bottom: 3px solid transparent; background: transparent; color: inherit; font: inherit; font-size: 12px; font-weight: 700; line-height: 1.2; cursor: pointer; }
.homm-tab.is-active { border-bottom-color: var(--homm-primary); color: var(--homm-primary); }
.homm-category-icon { display: block; width: 26px; height: 26px; object-fit: contain; }
.homm-icon-fallback { display: block; width: 24px; height: 24px; border: 2px solid currentColor; border-radius: 7px; opacity: .5; }

.homm-category-panel { padding-top: 25px; }
.homm-category-panel[hidden] { display: none !important; }
.homm-columns { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 26px; min-height: 175px; }
.homm-column { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.homm-column a { color: var(--homm-link); font-size: 13px; line-height: 1.3; text-decoration: none; }
.homm-column a:hover { color: var(--homm-link-hover); }
.homm-column .homm-column-title { margin-bottom: 4px; color: var(--homm-heading); font-size: 14px; font-weight: 800; text-transform: uppercase; opacity: 1; }
.homm-empty-link, .homm-view-all { color: inherit; font-weight: 700; text-decoration: none; }

.homm-footer-row { margin-top: 20px; padding-top: 15px; border-top: 1px solid var(--homm-border); }
.homm-view-all { display: inline-block; margin-bottom: 13px; color: var(--homm-primary); font-size: 13px; }
.homm-brands { display: flex; align-items: center; gap: 16px; }
.homm-brands > strong { flex: 0 0 auto; font-size: 12px; text-transform: uppercase; }
.homm-brand-list { display: flex; align-items: center; gap: 9px; min-width: 0; overflow-x: auto; scrollbar-width: thin; }
.homm-brand-list a { display: flex; flex: 0 0 104px; align-items: center; justify-content: center; height: 46px; padding: 7px 10px; border-radius: 7px; background: var(--homm-brand-bg); color: var(--homm-text); text-align: center; text-decoration: none; }
.homm-brand-list img { width: 100%; height: 100%; object-fit: contain; }
.homm-brand-list span { font-size: 12px; font-weight: 700; }

.homm-mobile { display: none; }
/* Scroll input is contained in JS without changing the page layout. */
.homm-root .homm-panel { overscroll-behavior:contain; -webkit-overflow-scrolling:touch; }
.homm-root .homm-tabs, .homm-root .homm-brand-list { overscroll-behavior:contain; }
.homm-root .homm-backdrop { touch-action:none; }

/* Lightweight 1.2 surface. System fonts: no remote font requests. */
.homm-root { font-family: var(--wd-text-font, inherit); } /* 1.11.1: the site's own font (WoodMart → Typography), same as the rest of the page */
.homm-root * { box-sizing: border-box; }
.homm-root button { text-transform: none; box-shadow: none; }
.homm-root .homm-trigger { min-height:46px; padding:0 18px; font-weight:600; letter-spacing:-.2px; transition:background-color .16s ease,color .16s ease; }
.homm-panel { border-top:1px solid var(--homm-border); border-radius:0 0 18px 18px; box-shadow:0 20px 48px #0000001c; }
.homm-panel-inner { padding:20px 90px 28px 32px; }
.homm-root .homm-close { right:18px; top:22px; width:44px; height:44px; display:grid; place-items:center; padding:0; border:1px solid var(--homm-border); border-radius:50%; background:var(--homm-panel); color:var(--homm-text); font:400 28px/1 var(--wd-text-font, sans-serif); transition:background-color .16s ease,transform .16s ease; }
.homm-close:hover { background:var(--homm-brand-bg); }
.homm-tabs { display:flex; gap:8px; overflow-x:auto; scrollbar-width:thin; padding:0 0 16px; }
.homm-root .homm-tab { flex:1 0 110px; min-height:92px; max-width:180px; padding:12px 10px; border:1px solid transparent; border-radius:12px; font-size:13px; font-weight:600; line-height:1.4; transition:background-color .16s ease,border-color .16s ease; }
.homm-tab:hover { background:var(--homm-brand-bg); }
.homm-root .homm-tab.is-active { background:color-mix(in srgb,var(--homm-primary) 13%,var(--homm-panel)); border-color:var(--homm-primary); color:var(--homm-text); }
.homm-root .homm-category-icon { width:var(--homm-category-icon-size,30px)!important; height:var(--homm-category-icon-size,30px)!important; max-width:none!important; flex-shrink:0; object-fit:contain; }
.homm-root .homm-tab { flex-basis:max(110px,calc(var(--homm-category-icon-size,30px) + 24px)); max-width:max(180px,calc(var(--homm-category-icon-size,30px) + 24px)); }
.homm-category-panel { padding-top:24px; }
/* Align images at the top; labels can occupy any number of lines below. */
.homm-root .homm-tabs { align-items:stretch; }
.homm-root button.homm-tab { justify-content:flex-start; align-items:center; }
.homm-root button.homm-tab > .homm-category-icon { margin:0!important; }
.homm-root button.homm-tab > .homm-icon-fallback {
 width:var(--homm-category-icon-size,30px); height:var(--homm-category-icon-size,30px);
 flex-shrink:0; margin:0;
}
.homm-root button.homm-tab > span:not(.homm-icon-fallback) {
 display:block; width:100%; margin:0; white-space:normal; overflow-wrap:anywhere; text-align:center;
}
.homm-columns { grid-template-columns:repeat(auto-fit,minmax(175px,1fr)); gap:28px; min-height:130px; }
.homm-column { gap:3px; }
.homm-column a { padding:6px 0; font-size:14px; line-height:1.5; overflow-wrap:anywhere; }
.homm-column .homm-column-title { margin-bottom:6px; font-size:14px; font-weight:650; letter-spacing:.1px; text-transform:none; }
.homm-column a:hover { text-decoration:underline; text-underline-offset:4px; }
.homm-view-all { border:1px solid var(--homm-border); padding:10px 15px; border-radius:9px; color:var(--homm-text); font-weight:600; }
.homm-view-all:hover { background:var(--homm-brand-bg); }
.homm-brands { flex-wrap:wrap; margin-top:8px; }
.homm-brand-list { flex-wrap:wrap; overflow:visible; }
.homm-brand-list a { border-radius:10px; height:52px; transition:transform .16s ease; }
.homm-brand-list a:hover { transform:translateY(-2px); }
.homm-root :focus-visible { outline:2px solid var(--homm-text); outline-offset:3px; }
.homm-portal.is-open .homm-panel { animation:homm-enter .18s ease-out; }
@keyframes homm-enter { from { opacity:0; translate:0 -6px; } to { opacity:1; translate:0 0; } }

@media (max-width: 1100px) {
	.homm-desktop { display: none; }
	.homm-mobile { display: block; }
	.homm-panel { top: 0; right: auto; width: min(92vw, 430px); height: 100dvh; max-height: none; transform: translateX(-102%); transition: transform .25s ease; }
	.homm-root.is-open .homm-panel { transform: translateX(0); }
	.homm-backdrop { inset: 0; }
	.homm-panel-inner { width: 100%; padding: 0 16px 24px; }
	.homm-close { top: 8px; right: 10px; }
	.homm-mobile-head { display: flex; align-items: center; min-height: 58px; padding-right: 44px; border-bottom: 1px solid var(--homm-border); font-size: 18px; }
	.homm-accordion { border-bottom: 1px solid var(--homm-border); }
	.homm-accordion-toggle { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 56px; padding: 8px 2px; border: 0; background: transparent; color: inherit; font: inherit; font-weight: 700; text-align: left; cursor: pointer; }
	.homm-accordion-toggle > span { flex: 1; }
	.homm-accordion-toggle > i { width: 8px; height: 8px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); transition: transform .2s ease; }
	.homm-accordion-toggle[aria-expanded="true"] > i { transform: rotate(225deg); }
	.homm-accordion-content { padding: 0 0 14px 38px; }
	.homm-accordion-content[hidden] { display: none !important; }
	.homm-mobile-group { display: flex; flex-direction: column; gap: 8px; margin-bottom: 14px; }
	.homm-mobile-group a { color: var(--homm-link); font-size: 13px; text-decoration: none; }
	.homm-mobile-group a:hover { color: var(--homm-link-hover); }
	.homm-mobile-group .homm-mobile-title { color: var(--homm-heading); font-size: 14px; font-weight: 800; }
	.homm-mobile-all { display: inline-block; color: var(--homm-primary); font-size: 13px; font-weight: 700; text-decoration: none; }
	.homm-root .homm-mobile .homm-category-icon { width:var(--homm-category-icon-size-mobile,30px)!important; height:var(--homm-category-icon-size-mobile,30px)!important; }
	.homm-panel { width:min(100vw,430px); border-radius:0 18px 18px 0; }
	.homm-panel-inner { padding:0 20px 28px; }
	.homm-root .homm-close { top:12px; right:16px; }
	.homm-mobile-head { min-height:72px; }
	.homm-accordion-toggle { min-height:66px; font-size:15px; }
	.homm-accordion-content { padding:4px 0 18px 16px; border-left:2px solid var(--homm-primary); margin:0 0 12px 12px; }
	.homm-mobile-group a { min-height:36px; padding:8px 0; font-size:14px; }
}

@media (prefers-reduced-motion: reduce) {
	.homm-panel, .homm-chevron, .homm-accordion-toggle > i { transition: none; }
	.homm-root *, .homm-portal.is-open .homm-panel { animation:none!important; transition:none!important; }
}

/* Button settings override theme/Elementor button rules, only within this plugin. */
.homm-root button.homm-trigger {
 background:var(--homm-trigger-bg)!important;
 color:var(--homm-trigger-text)!important;
 border:var(--homm-trigger-border-width,0px) solid var(--homm-trigger-border-color,var(--homm-border))!important;
 border-radius:var(--homm-trigger-radius)!important;
 font-family:var(--homm-trigger-family,inherit)!important;
 font-size:var(--homm-trigger-font-size)!important;
 font-weight:var(--homm-trigger-weight,600)!important;
 letter-spacing:var(--homm-trigger-spacing,-.2px)!important;
 line-height:var(--homm-trigger-line-height,1.4)!important;
 min-height:var(--homm-trigger-height,46px)!important;
 height:auto!important;
 padding:var(--homm-trigger-padding-y,0px) var(--homm-trigger-padding-x,18px)!important;
 gap:var(--homm-trigger-gap,11px)!important;
 text-transform:none!important;
 box-shadow:none!important;
}
.homm-root button.homm-trigger:hover,
.homm-root button.homm-trigger:focus-visible,
.homm-root.is-open button.homm-trigger {
 background:var(--homm-trigger-hover-bg)!important;
 color:var(--homm-trigger-hover-text)!important;
}
.homm-root button.homm-trigger > span:not(.homm-burger):not(.homm-chevron) { color:inherit!important; font:inherit!important; }
.homm-root button.homm-trigger .homm-burger,
.homm-root button.homm-trigger .homm-chevron { color:var(--homm-trigger-icon)!important; flex-shrink:0; }
.homm-root button.homm-trigger:hover .homm-burger,
.homm-root button.homm-trigger:hover .homm-chevron,
.homm-root button.homm-trigger:focus-visible .homm-burger,
.homm-root button.homm-trigger:focus-visible .homm-chevron,
.homm-root.is-open button.homm-trigger .homm-burger,
.homm-root.is-open button.homm-trigger .homm-chevron { color:var(--homm-trigger-hover-icon,var(--homm-trigger-hover-text))!important; }
.homm-root button.homm-trigger .homm-burger > i {
 background:var(--homm-trigger-icon)!important;
 color:var(--homm-trigger-icon)!important;
 opacity:1!important;
}
.homm-root button.homm-trigger:hover .homm-burger > i,
.homm-root button.homm-trigger:focus-visible .homm-burger > i,
.homm-root.is-open button.homm-trigger .homm-burger > i {
 background:var(--homm-trigger-hover-icon,var(--homm-trigger-hover-text))!important;
 color:var(--homm-trigger-hover-icon,var(--homm-trigger-hover-text))!important;
}
.homm-root button.homm-trigger::before,
.homm-root button.homm-trigger::after { content:none!important; }

/* Geometric cross avoids font-baseline offsets and hover distortion. */
.homm-root button.homm-close,
.homm-root button.homm-close:hover,
.homm-root button.homm-close:focus,
.homm-root button.homm-close:active {
 width:44px!important; height:44px!important; min-width:44px!important; min-height:44px!important;
 padding:0!important; border-radius:50%!important;
 transform:none!important; translate:none!important; rotate:none!important; scale:none!important;
 display:grid!important; place-items:center!important;
 line-height:1!important; font-size:0!important;
 transition:background-color .16s ease!important;
}
.homm-root button.homm-close::before,
.homm-root button.homm-close::after { content:none!important; }
.homm-close-mark { display:block; position:relative; width:18px; height:18px; pointer-events:none; }
.homm-close-mark::before,.homm-close-mark::after {
 content:""; position:absolute; left:0; top:8px; width:18px; height:2px;
 background:currentColor; border-radius:1px; transform:rotate(45deg);
}
.homm-close-mark::after { transform:rotate(-45deg); }

/* Independent right-arrow colors; hamburger settings remain separate. */
.homm-drawer-bar > strong { display:none; }
.homm-special-badge {
 display:inline-block; padding:3px 7px; margin:4px 0 0 6px; border-radius:5px;
 font-size:10px; font-weight:750; line-height:1.3; vertical-align:middle;
 max-width:100%; overflow-wrap:anywhere;
}
@media(max-width:1100px) {
 .homm-root .homm-drawer-bar {
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  position:sticky; top:0; z-index:5; min-height:72px; padding:12px 0;
  background:var(--homm-panel); border-bottom:1px solid var(--homm-border);
 }
 .homm-drawer-bar > strong { display:block; font-size:18px; font-weight:700; text-align:left; overflow-wrap:anywhere; }
 .homm-root .homm-drawer-bar button.homm-close { position:static!important; flex:0 0 44px; margin:0!important; }
 .homm-root .homm-mobile-head { display:none; }
 .homm-root button.homm-accordion-toggle { text-align:left!important; justify-content:flex-start!important; font-weight:700!important; }
 .homm-root button.homm-accordion-toggle > span:not(.homm-icon-fallback) {
  flex:1; min-width:0; text-align:left!important; font-weight:700!important; color:inherit;
  overflow-wrap:anywhere;
 }
 .homm-root button.homm-accordion-toggle > .homm-icon-fallback { flex:0 0 24px; }
 .homm-root button.homm-accordion-toggle > i { flex-shrink:0; }
 .homm-root .homm-mobile-group a, .homm-root .homm-mobile-all { text-align:left!important; font-weight:700; }
}

.homm-root button.homm-trigger .homm-chevron {
 color:var(--homm-trigger-arrow,#f5c33d)!important;
 border-color:var(--homm-trigger-arrow,#f5c33d)!important;
}
.homm-root button.homm-trigger:hover .homm-chevron,
.homm-root button.homm-trigger:focus-visible .homm-chevron,
.homm-root.is-open button.homm-trigger .homm-chevron {
 color:var(--homm-trigger-arrow-hover,#000000)!important;
 border-color:var(--homm-trigger-arrow-hover,#000000)!important;
}

/* Device-specific typography; unset values keep the established design. */
@media(min-width:1101px){
 .homm-root button.homm-tab {font-weight:var(--homm-category-weight,600)!important;font-size:var(--homm-category-font-size,13px)!important;}
 .homm-root .homm-column a {font-weight:var(--homm-link-weight,400)!important;}
 .homm-root .homm-column .homm-column-title {font-weight:var(--homm-heading-weight,650)!important;}
}
@media(max-width:1100px){
 .homm-root button.homm-accordion-toggle {color:var(--homm-text);font-weight:var(--homm-category-weight,700)!important;font-size:var(--homm-category-font-size,15px)!important;}
 .homm-root button.homm-accordion-toggle > span:not(.homm-icon-fallback) {font-weight:inherit!important;}
 .homm-root .homm-mobile-group a,.homm-root .homm-mobile-all {font-weight:var(--homm-link-weight,700)!important;}
 .homm-root .homm-mobile-group .homm-mobile-title,.homm-root .homm-drawer-bar > strong {font-weight:var(--homm-heading-weight,700)!important;}
}

/* Follow the visible WoodMart header content edges on desktop. */
@media(min-width:1101px){
 .homm-root.homm-portal .homm-panel-inner {
  width:var(--homm-content-width,calc(100% - 48px)); max-width:none;
  margin-left:var(--homm-content-left,24px); margin-right:0;
  padding-left:0; padding-right:0;
 }
 .homm-root.homm-portal .homm-drawer-bar .homm-close {left:-54px;right:auto;top:20px;}
 .homm-root.homm-portal.homm-close-above .homm-panel-inner {padding-top:74px;}
 .homm-root.homm-portal.homm-close-above .homm-drawer-bar .homm-close {left:auto;right:0;top:14px;}
}

/* Mobile/tablet category grid and focused subcategory view. */
.homm-root .homm-mobile-back {display:none;}
@media(max-width:1100px){
 .homm-root .homm-panel {width:100%;border-radius:0;}
 .homm-root .homm-panel-inner {padding-left:16px;padding-right:16px;padding-bottom:max(24px,env(safe-area-inset-bottom));}
 .homm-root .homm-drawer-bar {gap:10px;padding-top:max(12px,env(safe-area-inset-top));}
 .homm-root .homm-drawer-bar > strong {flex:1;min-width:0;}
 .homm-root .homm-mobile {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:16px;align-items:stretch;}
 .homm-root .homm-mobile .homm-accordion {min-width:0;border:0;display:flex;}
 .homm-root .homm-mobile button.homm-accordion-toggle {
  display:flex;flex-direction:column;justify-content:flex-start!important;align-items:center;
  width:100%;min-width:0;height:100%;min-height:132px;padding:16px 8px;gap:10px;
  background:var(--homm-brand-bg);border:1px solid transparent;border-radius:12px;
  color:var(--homm-text);text-align:center!important;line-height:1.4;
 }
 .homm-root .homm-mobile button.homm-accordion-toggle > span:not(.homm-icon-fallback) {
  flex:0 1 auto;width:100%;text-align:center!important;overflow-wrap:anywhere;
 }
 .homm-root .homm-mobile button.homm-accordion-toggle > .homm-category-icon {margin:0;max-width:100%!important;object-fit:contain;}
 .homm-root .homm-mobile button.homm-accordion-toggle > i {display:none;}
 .homm-root .homm-mobile button.homm-accordion-toggle > .homm-icon-fallback {flex:0 0 24px;}
 .homm-root .homm-mobile-back:not([hidden]) {
  display:inline-flex;align-items:center;min-height:44px;padding:8px 10px;
  border:1px solid var(--homm-border);border-radius:8px;background:var(--homm-panel);
  color:var(--homm-text);font:inherit;font-size:14px;font-weight:600;white-space:nowrap;
 }
 .homm-root .homm-mobile.homm-show-detail {display:block;}
 .homm-root .homm-show-detail .homm-accordion:not(.homm-selected) {display:none;}
 .homm-root .homm-show-detail .homm-accordion.homm-selected {display:block;}
 .homm-root .homm-show-detail button.homm-accordion-toggle {
  flex-direction:row;min-height:80px;height:auto;text-align:left!important;margin-bottom:20px;
 }
 .homm-root .homm-show-detail button.homm-accordion-toggle > span:not(.homm-icon-fallback) {text-align:left!important;}
 .homm-root .homm-show-detail .homm-accordion-content {margin-left:0;}
}
@media(max-width:359px){.homm-root .homm-mobile {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(min-width:768px) and (max-width:1100px){
 .homm-root .homm-panel-inner {padding-left:28px;padding-right:28px;}
 .homm-root .homm-mobile {grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
}

/* 1.9.1: the site's pages under the categories (mobile/tablet only) — two per row, each with its own icon */
.homm-root .homm-mobile-pages {display:none;}
@media(max-width:1100px){
 .homm-root .homm-mobile-pages {display:block;grid-column:1/-1;margin-top:14px;padding-bottom:8px;}
 .homm-root .homm-show-detail .homm-mobile-pages {display:none;}
 .homm-root .homm-pages-title {display:flex;align-items:center;gap:12px;margin:6px 0 12px;color:var(--homm-heading);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;}
 .homm-root .homm-pages-title:before,.homm-root .homm-pages-title:after {content:"";flex:1;height:1px;background:var(--homm-border);}
 .homm-root .homm-mobile-pages ul {list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
 .homm-root .homm-mobile-pages li {margin:0;min-width:0;display:flex;flex-direction:column;}
 .homm-root .homm-mobile-pages a.homm-page-link {display:flex;align-items:center;gap:10px;min-height:58px;height:100%;padding:10px 12px;border-radius:14px;color:var(--homm-text);font-size:14px;line-height:1.25;font-weight:var(--homm-link-weight,700);text-decoration:none;transition:border-color .15s,transform .15s;overflow-wrap:anywhere;}
 .homm-root .homm-mobile-pages a.homm-page-link:active {transform:scale(.98);border-color:var(--homm-primary);}
 .homm-root .homm-mobile-pages a.homm-page-link:not(.hxloc) {border:1px solid var(--homm-border);background:var(--homm-panel);}
 .homm-root .homm-page-ic {flex:0 0 34px;width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--homm-brand-bg);color:var(--homm-text);}
 .homm-root .homm-page-ic svg {width:19px;height:19px;}
 .homm-root .homm-mobile-pages li:has(> a.hxloc) {grid-column:1/-1;}
 .homm-root .homm-mobile-pages a.homm-page-link.hxloc {justify-content:center;min-height:52px;border-radius:100px;border:0;}
 .homm-root .homm-mobile-pages a.homm-page-link.hxloc .homm-page-ic {display:none;}
 .homm-root .homm-page-sub {display:flex;flex-wrap:wrap;gap:6px;padding:8px 2px 0;}
 .homm-root .homm-page-sub a {padding:5px 10px;border-radius:100px;background:var(--homm-brand-bg);color:var(--homm-link);font-size:12.5px;text-decoration:none;}
}

/* 1.10.0: the phone menu looks like the HOMAX app's „Категории” screen */
@media(max-width:1100px){
 .homm-root .homm-mobile {display:block!important;padding-top:14px;}
 .homm-root .homm-mobile-head {display:none!important;}
 .homm-root .homm-panel {background:#F6F4F1;}
 .homm-root .homm-drawer-bar {background:#F6F4F1!important;}
 .homm-app-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 12px;}
 .homm-app-tile {display:flex;flex-direction:column;min-width:0;color:#141210!important;text-decoration:none!important;transition:opacity .2s;-webkit-tap-highlight-color:transparent;}
 .homm-app.has-open .homm-app-tile:not(.sel) {opacity:.6;}
 .homm-app-tile .pic {position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1.08;border-radius:20px;background:linear-gradient(#fff,#F1EDE7);border:1.5px solid transparent;overflow:hidden;}
 .homm-app-tile .pic img {width:88%;height:84%;object-fit:contain;}
 .homm-app-tile.sel .pic {border-color:#141210;box-shadow:0 4px 14px rgba(0,0,0,.12);}
 .homm-app-tile .chev {position:absolute;right:7px;bottom:7px;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.95);}
 .homm-app-tile .chev:after {content:"";position:absolute;left:8.5px;top:7px;width:6px;height:6px;border-right:1.8px solid #141210;border-bottom:1.8px solid #141210;transform:rotate(45deg);}
 .homm-app-tile.sel .chev {background:#F9BC39;}
 .homm-app-tile.sel .chev:after {top:10px;transform:rotate(225deg);}
 .homm-app-tile > b {margin-top:7px;padding:0 2px;font-size:14.5px;line-height:1.25;font-weight:800;text-align:left;overflow-wrap:anywhere;}
 .homm-app-noimg {width:34px;height:34px;border-radius:10px;background:#E6DFD4;}
 .homm-app-panel {grid-column:1/-1;position:relative;margin:2px 0 6px;padding:8px;border-radius:20px;background:#fff;border:1px solid #ECE7E1;display:flex;flex-direction:column;gap:6px;}
 .homm-app-panel[hidden] {display:none!important;}
 .homm-app-panel .notch {position:absolute;top:-9px;width:18px;height:18px;background:#fff;border-left:1px solid #ECE7E1;border-top:1px solid #ECE7E1;transform:rotate(45deg);}
 .homm-app-sub > a.row, .homm-app-all {display:flex;align-items:center;gap:12px;padding:8px;border-radius:14px;background:#F6F4F1;color:#141210!important;text-decoration:none!important;}
 .homm-app-all {background:#fff;border:1px solid #ECE7E1;}
 .homm-app .th {flex:0 0 54px;width:54px;height:54px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;}
 .homm-app .th img {width:86%;height:86%;object-fit:contain;}
 .homm-app .th.y {background:#F9BC39;color:#141210;}
 .homm-app .tx {flex:1;min-width:0;display:flex;flex-direction:column;}
 .homm-app .tx b, .homm-app-all b {font-size:15px;font-weight:800;line-height:1.25;}
 .homm-app-all b {flex:1;}
 .homm-app .tx small {font-size:12.5px;color:#7A716A;margin-top:2px;}
 .homm-app i.down, .homm-app i.go {flex:0 0 18px;height:18px;position:relative;}
 .homm-app i.down:after, .homm-app i.go:after {content:"";position:absolute;left:5px;top:3px;width:7px;height:7px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg);}
 .homm-app i.go:after {left:3px;top:5px;transform:rotate(-45deg);opacity:.45;}
 .homm-app a.row[aria-expanded="true"] i.down:after {top:7px;transform:rotate(225deg);}
 .homm-app .leaves {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px 6px 8px;}
 .homm-app .leaves[hidden] {display:none!important;}
 .homm-app .leaf {display:flex;flex-direction:column;align-items:center;padding:6px 6px 8px;border-radius:14px;background:#fff;border:1px solid #ECE7E1;color:#141210!important;text-decoration:none!important;min-width:0;}
 .homm-app .leaf .lp {width:100%;aspect-ratio:1;border-radius:10px;background:#F6F4F1;display:flex;align-items:center;justify-content:center;overflow:hidden;}
 .homm-app .leaf .lp img {width:88%;height:88%;object-fit:contain;}
 .homm-app .leaf b {margin-top:6px;font-size:12px;line-height:1.25;font-weight:700;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:30px;}
 .homm-app .leaf.all {background:#FFF6E0;border-color:#F9BC39;}
 .homm-app .leaf.all .lp {background:#F9BC39;}
 .homm-app .leaf.all b {font-weight:800;}
}
@media(min-width:768px) and (max-width:1100px){ .homm-app-grid {grid-template-columns:repeat(4,minmax(0,1fr));} .homm-app .leaves {grid-template-columns:repeat(4,minmax(0,1fr));} }

/* 1.11.0: four main categories per row (8 = two clean rows), the photo fills its tile edge to edge (no light band
   under the picture any more), and „Faqet” has the same heading style as „Kategoritë” at the top */
@media(max-width:1100px){
 .homm-app-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 8px;}
 .homm-app-tile .pic {aspect-ratio:1/1;border-radius:18px;background:#EFEAE3;border-width:1.5px;}
 .homm-app-tile .pic img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
 .homm-app-tile .chev {right:5px;bottom:5px;width:20px;height:20px;box-shadow:0 1px 4px rgba(0,0,0,.12);}
 .homm-app-tile .chev:after {left:7px;top:5.5px;width:5px;height:5px;border-width:1.6px;}
 .homm-app-tile.sel .chev:after {top:8px;}
 .homm-app-tile > b {margin-top:6px;padding:0;font-size:12px;line-height:1.22;text-align:center;overflow-wrap:normal;word-break:normal;hyphens:auto;}
 .homm-root .homm-pages-title {display:block;margin:22px 0 14px;padding:0 0 12px;border-bottom:1px solid var(--homm-border);color:var(--homm-heading);font-size:18px;font-weight:var(--homm-heading-weight,700);letter-spacing:0;text-transform:none;text-align:left;}
 .homm-root .homm-pages-title:before,.homm-root .homm-pages-title:after {display:none;}
}
@media(min-width:600px) and (max-width:1100px){ .homm-app-grid {grid-template-columns:repeat(5,minmax(0,1fr));} .homm-app-tile > b {font-size:13.5px;} }