/* FYI Presentation Platform v0.5.3.7 native template */
:root{--fyi-content-width:1180px;--fyi-xs-left-width:210px;--fyi-xs-right-width:250px;--fyi-xs-panel-padding:12px;--fyi-accent:#b99f4d;--fyi-accent-2:#090577;--fyi-surface:#f5f1e6;--fyi-text:#17145d;--fyi-nav-color:#fff;--fyi-nav-size:14px}
*{box-sizing:border-box}html{min-height:100%;background:#ecebe5}body{margin:0;color:var(--fyi-text);font:16px/1.35 Arial,Helvetica,sans-serif;background:#ecebe5 url('../images/xs-page-texture.jpg') repeat}a{color:#080587}img{max-width:100%;height:auto}.fyi-skip{position:absolute;left:-9999px}.fyi-skip:focus{left:1rem;top:1rem;background:white;padding:.75rem;z-index:10000}.fyi-page-shell{width:min(calc(100% - (2 * var(--fyi-outer-margin,12px))),var(--fyi-content-width));max-width:var(--fyi-content-width);margin:0 auto;background:#f8f7f1;box-shadow:0 0 12px rgba(0,0,0,.18)}
.fyi-xs-header{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(280px,1fr);min-height:230px;background:#f8f7f1}.fyi-xs-brand{position:relative;overflow:hidden;background:#fff}.fyi-xs-original-header{width:100%;height:100%;object-fit:cover;object-position:left center;display:block}.fyi-xs-header-panel{padding:26px 20px;background:#090577;color:white;font-size:17px;overflow:auto}.fyi-xs-header-panel h1,.fyi-xs-header-panel h2,.fyi-xs-header-panel h3{color:#fff;margin-top:0}.fyi-xs-contact-panel{display:flex;flex-direction:column;gap:2px;height:100%;justify-content:center}.fyi-xs-contact-company{font-size:1.02em}.fyi-xs-contact-address,.fyi-xs-contact-phone{display:block;font-weight:700;line-height:1.15}.fyi-xs-contact-link,.fyi-xs-wholesale-link{display:block;color:#fff!important;font-weight:700;text-decoration:none;margin-top:10px}.fyi-xs-contact-link:hover,.fyi-xs-wholesale-link:hover{text-decoration:underline}
.fyi-xs-nav{background:#c6b25b;border-top:1px solid #e6d78d;border-bottom:1px solid #9f8935;padding:0 14px}.fyi-menu-area{display:flex;justify-content:center;align-items:center;gap:3px;min-height:54px}.fyi-menu-area ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:3px;margin:0;padding:0}.fyi-menu-area li{margin:0}.fyi-menu-area a{display:block;background:#090577;color:#fff!important;text-decoration:none;padding:9px 13px;border:1px solid #201aa5;font-size:var(--fyi-nav-size);font-weight:700}.fyi-menu-area a:hover,.fyi-menu-area .current>a,.fyi-menu-area .active>a{background:#201aa5}.fyi-menu-toggle{display:none}
.fyi-layout-grid{display:grid;grid-template-columns:var(--fyi-xs-left-width) minmax(0,1fr) var(--fyi-xs-right-width);gap:10px;padding:8px;background:#f7f6f0}.fyi-native-template:not(.has-left) .fyi-layout-grid{grid-template-columns:minmax(0,1fr) var(--fyi-xs-right-width)}.fyi-native-template:not(.has-right) .fyi-layout-grid{grid-template-columns:var(--fyi-xs-left-width) minmax(0,1fr)}.fyi-native-template:not(.has-left):not(.has-right) .fyi-layout-grid{grid-template-columns:1fr}.fyi-content-panel{min-width:0;padding:var(--fyi-xs-panel-padding);border:1px solid #c8aa4d;background:var(--fyi-surface) url('../images/xs-panel-texture.jpg') repeat;box-shadow:inset 0 0 14px rgba(121,92,24,.08)}
.fyi-sidebar{min-width:0}.fyi-sidebar .moduletable,.fyi-sidebar .card,.fyi-panel{margin:0 0 8px;border:1px solid #d0ad4b;border-radius:6px;background:#f4f0e4;overflow:hidden}.fyi-sidebar h3,.fyi-sidebar .card-header,.fyi-panel-title{margin:0;padding:12px 14px;background:#090577;color:#fff!important;font-size:18px;line-height:1.1}.fyi-sidebar .card-body,.fyi-sidebar .moduletable>div,.fyi-panel-body{padding:10px 14px}.fyi-sidebar ul{margin:.25rem 0;padding-left:1.25rem}.fyi-sidebar li{margin:.25rem 0}.fyi-content-panel h1,.fyi-content-panel h2,.fyi-content-panel h3{color:#090577}.fyi-content-panel input,.fyi-content-panel select,.fyi-content-panel textarea{max-width:100%;border:1px solid #aaa;padding:.45rem;background:#fff}.fyi-content-panel button,.fyi-content-panel .btn{background:#090577;color:white;border:0;padding:.55rem 1rem}.fyi-top-grid,.fyi-bottom-grid,.fyi-user-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:8px}.fyi-user-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.fyi-footer{padding:12px 18px;text-align:center;color:#777;background:#f4f1e7;border-top:4px solid #090577;font-size:13px}.fyi-footer p{margin:.3rem}
@media(max-width:900px){.fyi-page-shell{width:100%}.fyi-xs-header{grid-template-columns:1fr;min-height:0}.fyi-xs-brand{min-height:165px}.fyi-xs-header-panel{display:none}.fyi-menu-toggle{display:block;margin:8px auto;background:#090577;color:white;border:0;padding:10px 20px}.fyi-menu-area{display:none;min-height:0;padding-bottom:10px}.fyi-menu-area.is-open{display:block}.fyi-menu-area ul{display:block}.fyi-menu-area a{margin:2px 0;text-align:center}.fyi-layout-grid,.fyi-native-template:not(.has-left) .fyi-layout-grid,.fyi-native-template:not(.has-right) .fyi-layout-grid{grid-template-columns:1fr}.fyi-sidebar-left{order:2}.fyi-content-panel{order:1}.fyi-sidebar-right{order:3}.fyi-top-grid,.fyi-bottom-grid,.fyi-user-grid{grid-template-columns:1fr}}


/* v0.5.0 — XS navigation and sidebar menu chrome restoration */
.fyi-xs-nav{position:relative;z-index:40;padding:0 16px;background:linear-gradient(#cfbc67,#b49a42);box-shadow:inset 0 1px rgba(255,255,255,.45)}
.fyi-menu-area{min-height:56px;align-items:stretch;gap:0;overflow:visible}
.fyi-menu-area>div,.fyi-menu-area>nav,.fyi-menu-area>.moduletable{display:flex;align-items:stretch;overflow:visible}
.fyi-menu-area ul{align-items:stretch;flex-wrap:nowrap;gap:0;overflow:visible}
.fyi-menu-area li{position:relative;display:flex;align-items:stretch}
.fyi-menu-area>ul>li,.fyi-menu-area .mod-menu>li,.fyi-menu-area .metismenu>li{border-right:1px solid #d9c46a;border-left:1px solid #05034f}
.fyi-menu-area>ul>li:first-child,.fyi-menu-area .mod-menu>li:first-child,.fyi-menu-area .metismenu>li:first-child{border-left:0}
.fyi-menu-area a,.fyi-menu-area button{display:flex;align-items:center;justify-content:center;min-height:52px;padding:0 18px!important;border:0!important;border-radius:0!important;background:#090577!important;color:#fff!important;font-size:var(--fyi-nav-size)!important;font-weight:700!important;line-height:1.1!important;text-align:center;text-decoration:none!important;white-space:nowrap;text-shadow:0 1px 1px #030229;transition:background .16s ease,color .16s ease,box-shadow .16s ease}
.fyi-menu-area a:hover,.fyi-menu-area a:focus,.fyi-menu-area button:hover,.fyi-menu-area button:focus,.fyi-menu-area .current>a,.fyi-menu-area .active>a,.fyi-menu-area .current>button,.fyi-menu-area .active>button{background:#201aa5!important;color:#fff4b5!important;box-shadow:inset 0 -4px #d0b754;outline:0}
.fyi-menu-area li.parent>a::after,.fyi-menu-area li.deeper>a::after,.fyi-menu-area li.parent>button::after,.fyi-menu-area li.deeper>button::after{content:'▾';margin-left:7px;font-size:.72em;color:#e8d47e}
.fyi-menu-area li ul{position:absolute;top:100%;left:0;z-index:1000;display:none!important;min-width:190px;margin:0!important;padding:3px!important;background:#090577;border:1px solid #c7aa4b;box-shadow:0 8px 18px rgba(0,0,0,.28)}
.fyi-menu-area li:hover>ul,.fyi-menu-area li:focus-within>ul,.fyi-menu-area li.is-submenu-open>ul{display:block!important}
.fyi-menu-area li ul li{display:block;width:100%;border:0!important}
.fyi-menu-area li ul a,.fyi-menu-area li ul button{justify-content:flex-start;width:100%;min-height:0;padding:10px 12px!important;border-bottom:1px solid rgba(255,255,255,.12)!important;text-align:left;white-space:normal;box-shadow:none!important}
.fyi-menu-area li ul li:last-child>a,.fyi-menu-area li ul li:last-child>button{border-bottom:0!important}
.fyi-menu-area li ul ul{top:-4px;left:100%}

.fyi-sidebar .fyi-panel{border:1px solid #b79a43;border-radius:0;background:#f6f0df;box-shadow:0 2px 5px rgba(48,38,8,.12)}
.fyi-sidebar .fyi-panel-title{padding:9px 12px;background:linear-gradient(#263f79,#090577);border-bottom:3px solid #c7ac4e;font-family:Georgia,"Times New Roman",serif;font-size:17px;text-shadow:0 1px #02012c}
.fyi-sidebar .fyi-panel-body{padding:0}
.fyi-sidebar .fyi-panel-body>ul,.fyi-sidebar .fyi-panel-body .mod-menu,.fyi-sidebar .fyi-panel-body .menu,.fyi-sidebar .fyi-panel-body .vmcategories{margin:0!important;padding:0!important;list-style:none!important}
.fyi-sidebar .fyi-panel-body li{position:relative;margin:0!important;padding:0!important;list-style:none!important}
.fyi-sidebar .fyi-panel-body li::marker{content:''}
.fyi-sidebar .fyi-panel-body li>a{position:relative;display:block;padding:8px 28px 8px 13px;border-bottom:1px solid #d8c58b;background:linear-gradient(#fffdf5,#eee5ca);color:#090577!important;font-weight:700;line-height:1.2;text-decoration:none;transition:background .14s ease,color .14s ease,padding-left .14s ease}
.fyi-sidebar .fyi-panel-body li>a::before{content:'›';position:absolute;left:4px;color:#a98b31;font-size:18px;line-height:.9;opacity:0}
.fyi-sidebar .fyi-panel-body li>a:hover,.fyi-sidebar .fyi-panel-body li>a:focus,.fyi-sidebar .fyi-panel-body li.current>a,.fyi-sidebar .fyi-panel-body li.active>a{padding-left:18px;background:#090577;color:#fff!important;outline:0}
.fyi-sidebar .fyi-panel-body li>a:hover::before,.fyi-sidebar .fyi-panel-body li>a:focus::before,.fyi-sidebar .fyi-panel-body li.current>a::before,.fyi-sidebar .fyi-panel-body li.active>a::before{opacity:1;color:#e9d06e}
.fyi-sidebar .fyi-panel-body li.parent>a::after,.fyi-sidebar .fyi-panel-body li.deeper>a::after{content:'+';position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#9b7c27;font-weight:700}
.fyi-sidebar .fyi-panel-body li.parent:hover>a::after,.fyi-sidebar .fyi-panel-body li.deeper:hover>a::after,.fyi-sidebar .fyi-panel-body li.active>a::after{color:#fff0a7}
.fyi-sidebar .fyi-panel-body li ul{margin:0!important;padding:0!important;background:#f1ead6;list-style:none!important}
.fyi-sidebar .fyi-panel-body li ul a{padding-left:24px;font-weight:400;background:#f5efdf}
.fyi-sidebar .fyi-panel-body li ul ul a{padding-left:36px;font-size:.94em;background:#eee5cf}
.fyi-sidebar .fyi-panel-body li ul ul ul a{padding-left:48px;font-size:.9em}
.fyi-sidebar .fyi-panel-body>form,.fyi-sidebar .fyi-panel-body>.search,.fyi-sidebar .fyi-panel-body>.custom,.fyi-sidebar .fyi-panel-body>.vmgroup,.fyi-sidebar .fyi-panel-body>div:not(.mod-menu):not(.menu){padding:10px 12px}

@media(min-width:901px){
 .fyi-menu-area>div,.fyi-menu-area>nav,.fyi-menu-area>.moduletable{max-width:100%}
}
@media(max-width:900px){
 .fyi-xs-nav{padding:6px 12px}
 .fyi-menu-area{overflow:visible}
 .fyi-menu-area>div,.fyi-menu-area>nav,.fyi-menu-area>.moduletable{display:block;width:100%}
 .fyi-menu-area ul{display:block!important;width:100%}
 .fyi-menu-area li{display:block;border:0!important}
 .fyi-menu-area a,.fyi-menu-area button{justify-content:flex-start;width:100%;min-height:44px;margin:0!important;padding:10px 14px!important;border-bottom:1px solid rgba(255,255,255,.14)!important;text-align:left}
 .fyi-menu-area li ul,.fyi-menu-area li ul ul{position:static;display:none!important;width:100%;min-width:0;padding:0 0 0 14px!important;border:0;box-shadow:none}
 .fyi-menu-area li:hover>ul{display:none!important}
 .fyi-menu-area li:focus-within>ul,.fyi-menu-area li.is-submenu-open>ul,.fyi-menu-area li.active>ul{display:block!important}
}

/* v0.5.0 — XS inward-flyout sidebar menu and module chrome repair */
.fyi-sidebar{position:relative;z-index:20;overflow:visible}
.fyi-sidebar .fyi-panel{
 margin:0 0 8px;
 border:1px solid #c8a84c;
 border-radius:6px;
 background:#f8f2df;
 box-shadow:0 1px 4px rgba(55,42,8,.22);
 overflow:visible;
}
.fyi-sidebar .fyi-panel-title{
 margin:2px;
 padding:7px 10px;
 border:0;
 border-radius:4px 4px 2px 2px;
 background:#090577;
 color:#fff!important;
 font-family:Arial,Helvetica,sans-serif;
 font-size:14px;
 font-weight:700;
 line-height:1.15;
 text-shadow:none;
}
.fyi-sidebar .fyi-panel-body{
 position:relative;
 padding:8px 10px;
 overflow:visible;
 background:#f8f2df;
 border-radius:0 0 5px 5px;
}
.fyi-sidebar .fyi-panel.no-title .fyi-panel-body{padding-top:9px}

/* Standard sidebar controls use the same XS module chrome. */
.fyi-sidebar .fyi-panel-body input[type="text"],
.fyi-sidebar .fyi-panel-body input[type="search"],
.fyi-sidebar .fyi-panel-body select,
.fyi-sidebar .fyi-panel-body textarea{
 width:100%;
 max-width:100%;
 border:1px solid #8e8e8e;
 background:#fff;
 padding:3px 5px;
 color:#111;
 font:13px/1.2 Arial,Helvetica,sans-serif;
}
.fyi-sidebar .fyi-panel-body button,
.fyi-sidebar .fyi-panel-body input[type="submit"],
.fyi-sidebar .fyi-panel-body .btn{
 border:1px solid #03024c!important;
 border-radius:2px!important;
 background:#090577!important;
 color:#fff!important;
 padding:3px 7px!important;
 font:700 13px/1.1 Arial,Helvetica,sans-serif!important;
 box-shadow:none!important;
}

/* Reset every menu/list shape produced by Joomla and VirtueMart modules. */
.fyi-sidebar .fyi-menu-module .fyi-panel-body,
.fyi-sidebar .fyi-panel-body:has(> ul),
.fyi-sidebar .fyi-panel-body:has(.mod-menu),
.fyi-sidebar .fyi-panel-body:has(.menu){padding:7px 10px}
.fyi-sidebar .fyi-menu-module ul,
.fyi-sidebar .fyi-panel-body>.mod-menu,
.fyi-sidebar .fyi-panel-body>.menu,
.fyi-sidebar .fyi-panel-body>ul,
.fyi-sidebar .fyi-panel-body .vmcategories,
.fyi-sidebar .fyi-panel-body .vm-categories,
.fyi-sidebar .fyi-panel-body .category-module,
.fyi-sidebar .fyi-panel-body .categories-module{
 margin:0!important;
 padding:0!important;
 list-style:none!important;
}
.fyi-sidebar .fyi-menu-module li,
.fyi-sidebar .fyi-panel-body>.mod-menu li,
.fyi-sidebar .fyi-panel-body>.menu li,
.fyi-sidebar .fyi-panel-body>ul li,
.fyi-sidebar .fyi-panel-body .vmcategories li,
.fyi-sidebar .fyi-panel-body .vm-categories li,
.fyi-sidebar .fyi-panel-body .category-module li,
.fyi-sidebar .fyi-panel-body .categories-module li{
 position:relative;
 margin:0!important;
 padding:0!important;
 list-style:none!important;
 overflow:visible;
}
.fyi-sidebar .fyi-menu-module li::marker,
.fyi-sidebar .fyi-panel-body>.mod-menu li::marker,
.fyi-sidebar .fyi-panel-body>.menu li::marker,
.fyi-sidebar .fyi-panel-body>ul li::marker{content:''}

/* Main vertical menu appearance: compact text links, like the verified XS target. */
.fyi-sidebar .fyi-menu-module li>a,
.fyi-sidebar .fyi-panel-body>.mod-menu li>a,
.fyi-sidebar .fyi-panel-body>.menu li>a,
.fyi-sidebar .fyi-panel-body>ul li>a,
.fyi-sidebar .fyi-panel-body .vmcategories li>a,
.fyi-sidebar .fyi-panel-body .vm-categories li>a,
.fyi-sidebar .fyi-panel-body .category-module li>a,
.fyi-sidebar .fyi-panel-body .categories-module li>a{
 display:block;
 position:relative;
 margin:0;
 padding:3px 10px 3px 12px;
 border:0;
 background:transparent;
 color:#090577!important;
 font:400 13px/1.15 Arial,Helvetica,sans-serif;
 text-decoration:none;
 white-space:normal;
 transition:color .12s ease,background .12s ease;
}
.fyi-sidebar .fyi-menu-module> .fyi-panel-body>ul>li>a,
.fyi-sidebar .fyi-panel-body>.mod-menu>li>a,
.fyi-sidebar .fyi-panel-body>.menu>li>a,
.fyi-sidebar .fyi-panel-body>ul>li>a{font-weight:400}
.fyi-sidebar .fyi-menu-module li>a:hover,
.fyi-sidebar .fyi-menu-module li>a:focus,
.fyi-sidebar .fyi-panel-body>.mod-menu li>a:hover,
.fyi-sidebar .fyi-panel-body>.mod-menu li>a:focus,
.fyi-sidebar .fyi-panel-body>.menu li>a:hover,
.fyi-sidebar .fyi-panel-body>.menu li>a:focus,
.fyi-sidebar .fyi-panel-body>ul li>a:hover,
.fyi-sidebar .fyi-panel-body>ul li>a:focus{
 background:#eee3c7;
 color:#00006a!important;
 text-decoration:underline;
 outline:0;
}
.fyi-sidebar li.current>a,
.fyi-sidebar li.active>a,
.fyi-sidebar li.alias-parent-active>a,
.fyi-sidebar li.selected>a{
 color:#090577!important;
 font-weight:700!important;
}
.fyi-sidebar li.parent>a::before,
.fyi-sidebar li.deeper>a::before{
 content:'⌘';
 position:absolute;
 left:0;
 top:3px;
 color:#090577;
 font-size:9px;
 line-height:1.3;
}
.fyi-sidebar li.parent>a::after,
.fyi-sidebar li.deeper>a::after{content:none!important}

/* Desktop inward fly-outs. Left opens right; right opens left. */
@media(min-width:901px){
 .fyi-sidebar .fyi-menu-module li>ul,
 .fyi-sidebar .fyi-panel-body>.mod-menu li>ul,
 .fyi-sidebar .fyi-panel-body>.menu li>ul,
 .fyi-sidebar .fyi-panel-body>ul li>ul,
 .fyi-sidebar .fyi-panel-body .vmcategories li>ul,
 .fyi-sidebar .fyi-panel-body .vm-categories li>ul{
  position:absolute;
  top:-2px;
  z-index:2500;
  display:none!important;
  width:max-content;
  min-width:120px;
  max-width:230px;
  margin:0!important;
  padding:6px 9px!important;
  border:1px solid #d2b96d;
  background:#fff6df;
  box-shadow:0 4px 9px rgba(40,30,5,.2);
  list-style:none!important;
 }
 .fyi-sidebar-left .fyi-menu-module li>ul,
 .fyi-sidebar-left .fyi-panel-body>.mod-menu li>ul,
 .fyi-sidebar-left .fyi-panel-body>.menu li>ul,
 .fyi-sidebar-left .fyi-panel-body>ul li>ul,
 .fyi-sidebar-left .fyi-panel-body .vmcategories li>ul,
 .fyi-sidebar-left .fyi-panel-body .vm-categories li>ul{left:calc(100% - 2px);right:auto}
 .fyi-sidebar-right .fyi-menu-module li>ul,
 .fyi-sidebar-right .fyi-panel-body>.mod-menu li>ul,
 .fyi-sidebar-right .fyi-panel-body>.menu li>ul,
 .fyi-sidebar-right .fyi-panel-body>ul li>ul,
 .fyi-sidebar-right .fyi-panel-body .vmcategories li>ul,
 .fyi-sidebar-right .fyi-panel-body .vm-categories li>ul{right:calc(100% - 2px);left:auto}
 .fyi-sidebar li:hover>ul,
 .fyi-sidebar li:focus-within>ul,
 .fyi-sidebar li.is-submenu-open>ul{display:block!important}
 .fyi-sidebar li>ul li>a{
  padding:4px 5px!important;
  background:transparent!important;
  color:#00006a!important;
  font-size:13px!important;
  font-style:italic;
  font-weight:700!important;
  line-height:1.15!important;
  white-space:nowrap;
 }
 .fyi-sidebar li>ul li>a:hover,
 .fyi-sidebar li>ul li>a:focus{background:#eee3c7!important;text-decoration:underline}
 .fyi-sidebar li>ul li.parent>a::before,
 .fyi-sidebar li>ul li.deeper>a::before{content:none}
}

/* Mobile/tablet: nested menus become readable inline branches. */
@media(max-width:900px){
 .fyi-sidebar .fyi-panel{overflow:hidden}
 .fyi-sidebar .fyi-menu-module li>ul,
 .fyi-sidebar .fyi-panel-body>.mod-menu li>ul,
 .fyi-sidebar .fyi-panel-body>.menu li>ul,
 .fyi-sidebar .fyi-panel-body>ul li>ul{
  position:static;
  display:block!important;
  width:auto;
  margin:0 0 0 10px!important;
  padding:0!important;
  border:0;
  background:transparent;
  box-shadow:none;
 }
 .fyi-sidebar li>ul li>a{font-style:normal;padding-left:15px!important}
}

/* v0.5.0 — XS sidebar flyout visibility and bullet removal repair */
.fyi-sidebar ul,
.fyi-sidebar ol,
.fyi-sidebar li{
 list-style:none!important;
 list-style-type:none!important;
}
.fyi-sidebar ul,
.fyi-sidebar ol{
 margin-left:0!important;
 padding-left:0!important;
}
.fyi-sidebar li::marker,
.fyi-sidebar li::before,
.fyi-sidebar li>a::before{
 content:none!important;
 display:none!important;
}

@media(min-width:901px){
 /* Keep only the root sidebar list visible when the page loads. */
 .fyi-sidebar li ul,
 .fyi-sidebar li ol{
  position:absolute!important;
  top:-3px!important;
  z-index:5000!important;
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  width:max-content!important;
  min-width:120px!important;
  max-width:230px!important;
  margin:0!important;
  padding:6px 9px!important;
  border:1px solid #d2b96d!important;
  background:#fff6df!important;
  box-shadow:0 4px 9px rgba(40,30,5,.2)!important;
 }
 .fyi-sidebar-left li ul,
 .fyi-sidebar-left li ol{
  left:calc(100% - 2px)!important;
  right:auto!important;
 }
 .fyi-sidebar-right li ul,
 .fyi-sidebar-right li ol{
  right:calc(100% - 2px)!important;
  left:auto!important;
 }
 .fyi-sidebar li:hover>ul,
 .fyi-sidebar li:hover>ol,
 .fyi-sidebar li:focus-within>ul,
 .fyi-sidebar li:focus-within>ol,
 .fyi-sidebar li.is-submenu-open>ul,
 .fyi-sidebar li.is-submenu-open>ol{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
 }
 /* Flyout links retain the compact verified XS appearance. */
 .fyi-sidebar li ul li>a,
 .fyi-sidebar li ol li>a{
  padding:4px 5px!important;
  background:transparent!important;
  color:#00006a!important;
  font-size:13px!important;
  font-style:italic!important;
  font-weight:700!important;
  line-height:1.15!important;
  white-space:nowrap!important;
 }
}

@media(max-width:900px){
 /* Mobile keeps nested branches inline, without browser bullets. */
 .fyi-sidebar li ul,
 .fyi-sidebar li ol{
  position:static!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  width:auto!important;
  margin:0 0 0 10px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
 }
}


/* v0.5.0 — Menu Designer and parent-anchored sidebar flyout refinement */
.fyi-sidebar .fyi-menu-module li,
.fyi-sidebar .fyi-panel-body>.mod-menu li,
.fyi-sidebar .fyi-panel-body>.menu li,
.fyi-sidebar .fyi-panel-body>ul li,
.fyi-sidebar li.fyi-has-flyout{
 display:block!important;
 position:relative!important;
 overflow:visible!important;
}
.fyi-sidebar .fyi-menu-module li>a,
.fyi-sidebar .fyi-panel-body>.mod-menu li>a,
.fyi-sidebar .fyi-panel-body>.menu li>a,
.fyi-sidebar .fyi-panel-body>ul li>a,
.fyi-sidebar .fyi-panel-body .vmcategories li>a,
.fyi-sidebar .fyi-panel-body .vm-categories li>a,
.fyi-sidebar .fyi-panel-body .category-module li>a,
.fyi-sidebar .fyi-panel-body .categories-module li>a{
 padding-top:3px!important;
 padding-right:8px!important;
 padding-bottom:3px!important;
 padding-left:var(--fyi-sidebar-menu-indent,12px)!important;
 color:var(--fyi-sidebar-menu-link,#090577)!important;
 font-size:var(--fyi-sidebar-menu-size,15px)!important;
 line-height:var(--fyi-sidebar-menu-line-height,1.35)!important;
 text-decoration:none!important;
}
.fyi-sidebar .fyi-menu-module li>a:hover,
.fyi-sidebar .fyi-menu-module li>a:focus,
.fyi-sidebar .fyi-panel-body>.mod-menu li>a:hover,
.fyi-sidebar .fyi-panel-body>.mod-menu li>a:focus,
.fyi-sidebar .fyi-panel-body>.menu li>a:hover,
.fyi-sidebar .fyi-panel-body>.menu li>a:focus,
.fyi-sidebar .fyi-panel-body>ul li>a:hover,
.fyi-sidebar .fyi-panel-body>ul li>a:focus{
 color:var(--fyi-sidebar-menu-hover,#00006a)!important;
 text-decoration:none!important;
}
.fyi-sidebar li.fyi-has-flyout>a,
.fyi-sidebar li.parent>a,
.fyi-sidebar li.deeper>a{
 font-weight:var(--fyi-sidebar-parent-weight,700)!important;
}
.fyi-sidebar li.fyi-has-flyout>a::after,
.fyi-sidebar li.parent>a::after,
.fyi-sidebar li.deeper>a::after{
 content:none!important;
}
body[style*="--fyi-sidebar-parent-indicator:1"] .fyi-sidebar li.fyi-has-flyout>a::after{content:'›'!important;float:right;color:#b08d2f}
@media(min-width:901px){
 .fyi-sidebar li.fyi-has-flyout>.fyi-sidebar-flyout,
 .fyi-sidebar li.fyi-has-flyout>ul,
 .fyi-sidebar li.fyi-has-flyout>ol{
  top:var(--fyi-sidebar-flyout-offset,0px)!important;
  min-width:var(--fyi-sidebar-flyout-width,170px)!important;
  max-width:320px!important;
  background:var(--fyi-sidebar-flyout-bg,#fff6df)!important;
  border-color:var(--fyi-sidebar-flyout-border,#d2b96d)!important;
 }
 .fyi-sidebar-left li.fyi-has-flyout>.fyi-sidebar-flyout,
 .fyi-sidebar-left li.fyi-has-flyout>ul,
 .fyi-sidebar-left li.fyi-has-flyout>ol{left:100%!important;right:auto!important}
 .fyi-sidebar-right li.fyi-has-flyout>.fyi-sidebar-flyout,
 .fyi-sidebar-right li.fyi-has-flyout>ul,
 .fyi-sidebar-right li.fyi-has-flyout>ol{right:100%!important;left:auto!important}
 .fyi-sidebar li.fyi-has-flyout:hover>.fyi-sidebar-flyout,
 .fyi-sidebar li.fyi-has-flyout:focus-within>.fyi-sidebar-flyout{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
 .fyi-sidebar li.fyi-has-flyout>.fyi-sidebar-flyout li>a{
  padding:5px 9px!important;
  font-size:var(--fyi-sidebar-flyout-size,13px)!important;
  text-decoration:none!important;
 }
 .fyi-sidebar li.fyi-has-flyout>.fyi-sidebar-flyout li>a:hover,
 .fyi-sidebar li.fyi-has-flyout>.fyi-sidebar-flyout li>a:focus{text-decoration:none!important}
}

/* v0.5.0 Native XS module chrome repair */
.fyi-sidebar{overflow:visible!important}
.fyi-sidebar .fyi-xs-module{
  position:relative;
  margin:0 0 var(--fyi-xs-module-gap,8px);
  padding:var(--fyi-xs-module-frame,3px);
  border:1px solid var(--fyi-xs-module-border,#c6a84d);
  border-radius:var(--fyi-xs-module-radius,7px);
  background:var(--fyi-xs-module-body,#f5f1e6);
  box-shadow:0 1px 3px rgba(55,43,8,.16);
  overflow:visible;
}
.fyi-sidebar .fyi-xs-module-title{
  margin:0;
  padding:var(--fyi-xs-module-title-vpad,9px) var(--fyi-xs-module-title-hpad,10px);
  border:0;
  border-radius:max(2px,calc(var(--fyi-xs-module-radius,7px) - 3px));
  background:var(--fyi-xs-module-title-bg,#090577);
  color:var(--fyi-xs-module-title-color,#fff)!important;
  font:700 var(--fyi-xs-module-title-size,14px)/1.15 Arial,Helvetica,sans-serif;
  text-shadow:none;
}
.fyi-sidebar .fyi-xs-module-body{
  padding:var(--fyi-xs-module-body-vpad,8px) var(--fyi-xs-module-body-hpad,9px);
  background:var(--fyi-xs-module-body,#f5f1e6);
  border-radius:0 0 max(2px,calc(var(--fyi-xs-module-radius,7px) - 3px)) max(2px,calc(var(--fyi-xs-module-radius,7px) - 3px));
  overflow:visible;
}
.fyi-sidebar .fyi-xs-module.no-title .fyi-xs-module-body{border-radius:max(2px,calc(var(--fyi-xs-module-radius,7px) - 3px))}
.fyi-sidebar .fyi-xs-module .fyi-xs-module-body ul,
.fyi-sidebar .fyi-xs-module .fyi-xs-module-body ol{list-style:none!important;margin:0!important;padding:0!important}
.fyi-sidebar .fyi-xs-module .fyi-xs-module-body li{list-style:none!important;margin:0!important;padding:0!important;position:relative}
.fyi-sidebar .fyi-xs-module .fyi-xs-module-body li::marker,
.fyi-sidebar .fyi-xs-module .fyi-xs-module-body li::before{content:none!important;display:none!important}
.fyi-sidebar .fyi-xs-module .fyi-xs-module-body li>a{
  display:block;
  padding:2px 4px 2px var(--fyi-sidebar-menu-indent,12px)!important;
  color:var(--fyi-sidebar-menu-link,#090577)!important;
  font-size:var(--fyi-sidebar-menu-size,15px)!important;
  line-height:var(--fyi-sidebar-menu-line-height,1.35)!important;
  text-decoration:none!important;
  background:transparent!important;
  border:0!important;
}
.fyi-sidebar .fyi-xs-module .fyi-xs-module-body li>a:hover,
.fyi-sidebar .fyi-xs-module .fyi-xs-module-body li>a:focus{color:var(--fyi-sidebar-menu-hover,#00006a)!important;text-decoration:none!important;background:transparent!important}
.fyi-sidebar .fyi-xs-module li.fyi-has-flyout>a,
.fyi-sidebar .fyi-xs-module li.parent>a,
.fyi-sidebar .fyi-xs-module li.deeper>a{font-weight:var(--fyi-sidebar-parent-weight,700)!important}
.fyi-sidebar .fyi-xs-module li.fyi-has-flyout>.fyi-sidebar-flyout,
.fyi-sidebar .fyi-xs-module li.fyi-has-flyout>ul,
.fyi-sidebar .fyi-xs-module li.fyi-has-flyout>ol{
  position:absolute!important;
  top:var(--fyi-sidebar-flyout-offset,0px)!important;
  z-index:1000!important;
  display:none!important;
  min-width:var(--fyi-sidebar-flyout-width,170px)!important;
  padding:8px 10px!important;
  border:1px solid var(--fyi-sidebar-flyout-border,#d2b96d)!important;
  background:var(--fyi-sidebar-flyout-bg,#fff6df)!important;
  box-shadow:0 4px 12px rgba(0,0,0,.16)!important;
}
.fyi-sidebar-left .fyi-xs-module li.fyi-has-flyout>.fyi-sidebar-flyout,
.fyi-sidebar-left .fyi-xs-module li.fyi-has-flyout>ul,
.fyi-sidebar-left .fyi-xs-module li.fyi-has-flyout>ol{left:100%!important;right:auto!important}
.fyi-sidebar-right .fyi-xs-module li.fyi-has-flyout>.fyi-sidebar-flyout,
.fyi-sidebar-right .fyi-xs-module li.fyi-has-flyout>ul,
.fyi-sidebar-right .fyi-xs-module li.fyi-has-flyout>ol{right:100%!important;left:auto!important}
.fyi-sidebar .fyi-xs-module li.fyi-has-flyout:hover>.fyi-sidebar-flyout,
.fyi-sidebar .fyi-xs-module li.fyi-has-flyout:focus-within>.fyi-sidebar-flyout{display:block!important}
.fyi-sidebar .fyi-xs-module .fyi-sidebar-flyout li>a{
  padding:3px 8px!important;
  font-size:var(--fyi-sidebar-flyout-size,13px)!important;
  font-style:italic;
  font-weight:700;
  white-space:nowrap;
}
.fyi-sidebar .fyi-xs-module input[type="text"],
.fyi-sidebar .fyi-xs-module input[type="search"],
.fyi-sidebar .fyi-xs-module select,
.fyi-sidebar .fyi-xs-module textarea{max-width:100%;border:1px solid #999;background:#fff;padding:3px 5px}
.fyi-sidebar .fyi-xs-module button,
.fyi-sidebar .fyi-xs-module input[type="submit"],
.fyi-sidebar .fyi-xs-module .btn{border:0;background:#090577;color:#fff;font-weight:700;padding:4px 8px;border-radius:2px}
@media(max-width:900px){
 .fyi-sidebar .fyi-xs-module li.fyi-has-flyout>.fyi-sidebar-flyout,
 .fyi-sidebar .fyi-xs-module li.fyi-has-flyout>ul,
 .fyi-sidebar .fyi-xs-module li.fyi-has-flyout>ol{position:static!important;display:block!important;min-width:0!important;box-shadow:none!important;border:0!important;padding-left:12px!important}
}

/* v0.5.0 — Native renderer-owned module pipeline (authoritative sidebar chrome) */
.fyi-sidebar .fyi-rendered-module{
 position:relative;
 margin:0 0 var(--fyi-xs-module-gap,8px);
 padding:3px;
 border:1px solid var(--fyi-xs-module-border,#c6a84d);
 border-radius:var(--fyi-xs-module-radius,7px);
 background:var(--fyi-xs-module-body,#f5f1e6);
 box-shadow:0 1px 3px rgba(55,43,8,.16);
 overflow:visible;
}
.fyi-sidebar .fyi-rendered-module-title{
 margin:0;
 padding:var(--fyi-xs-module-title-vpad,9px) var(--fyi-xs-module-title-hpad,10px);
 border:0;
 border-radius:max(2px,calc(var(--fyi-xs-module-radius,7px) - 3px));
 background:var(--fyi-xs-module-title-bg,#090577);
 color:var(--fyi-xs-module-title-color,#fff)!important;
 font:700 var(--fyi-xs-module-title-size,14px)/1.15 Arial,Helvetica,sans-serif;
 text-shadow:none;
}
.fyi-sidebar .fyi-rendered-module-body{
 position:relative;
 padding:var(--fyi-xs-module-body-vpad,8px) var(--fyi-xs-module-body-hpad,9px);
 background:var(--fyi-xs-module-body,#f5f1e6);
 overflow:visible;
}
.fyi-sidebar .fyi-rendered-menu .fyi-rendered-module-body{padding:7px 8px}
.fyi-sidebar .fyi-rendered-module-body ul,
.fyi-sidebar .fyi-rendered-module-body ol{margin:0!important;padding:0!important;list-style:none!important}
.fyi-sidebar .fyi-rendered-module-body li{position:relative!important;margin:0!important;padding:0!important;list-style:none!important;overflow:visible!important}
.fyi-sidebar .fyi-rendered-module-body li::marker,
.fyi-sidebar .fyi-rendered-module-body li::before{content:none!important;display:none!important}
.fyi-sidebar .fyi-rendered-module-body li>a{
 display:block!important;
 padding:2px 6px 2px var(--fyi-sidebar-menu-indent,12px)!important;
 color:var(--fyi-sidebar-menu-link,#090577)!important;
 font-size:var(--fyi-sidebar-menu-size,15px)!important;
 line-height:var(--fyi-sidebar-menu-line-height,1.35)!important;
 text-decoration:none!important;
 background:transparent!important;
 border:0!important;
}
.fyi-sidebar .fyi-rendered-module-body li>a:hover,
.fyi-sidebar .fyi-rendered-module-body li>a:focus{color:var(--fyi-sidebar-menu-hover,#00006a)!important;text-decoration:none!important}
.fyi-sidebar .fyi-rendered-module-body li.fyi-has-flyout>a,
.fyi-sidebar .fyi-rendered-module-body li.parent>a,
.fyi-sidebar .fyi-rendered-module-body li.deeper>a{font-weight:var(--fyi-sidebar-parent-weight,700)!important}
@media(min-width:901px){
 .fyi-sidebar .fyi-rendered-module-body li.fyi-has-flyout>ul,
 .fyi-sidebar .fyi-rendered-module-body li.fyi-has-flyout>ol{
  position:absolute!important;
  top:var(--fyi-sidebar-flyout-offset,0px)!important;
  z-index:6000!important;
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  width:max-content!important;
  min-width:var(--fyi-sidebar-flyout-width,170px)!important;
  max-width:320px!important;
  margin:0!important;
  padding:8px 10px!important;
  border:1px solid var(--fyi-sidebar-flyout-border,#d2b96d)!important;
  background:var(--fyi-sidebar-flyout-bg,#fff6df)!important;
  box-shadow:0 4px 12px rgba(0,0,0,.16)!important;
 }
 .fyi-sidebar-left .fyi-rendered-module-body li.fyi-has-flyout>ul,
 .fyi-sidebar-left .fyi-rendered-module-body li.fyi-has-flyout>ol{left:100%!important;right:auto!important}
 .fyi-sidebar-right .fyi-rendered-module-body li.fyi-has-flyout>ul,
 .fyi-sidebar-right .fyi-rendered-module-body li.fyi-has-flyout>ol{right:100%!important;left:auto!important}
 .fyi-sidebar .fyi-rendered-module-body li.fyi-has-flyout:hover>ul,
 .fyi-sidebar .fyi-rendered-module-body li.fyi-has-flyout:hover>ol,
 .fyi-sidebar .fyi-rendered-module-body li.fyi-has-flyout:focus-within>ul,
 .fyi-sidebar .fyi-rendered-module-body li.fyi-has-flyout:focus-within>ol{
  display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important
 }
 .fyi-sidebar .fyi-rendered-module-body li.fyi-has-flyout>ul a,
 .fyi-sidebar .fyi-rendered-module-body li.fyi-has-flyout>ol a{
  padding:4px 7px!important;font-size:var(--fyi-sidebar-flyout-size,13px)!important;font-style:italic!important;font-weight:700!important;white-space:nowrap!important
 }
}
.fyi-sidebar .fyi-rendered-module input[type="text"],
.fyi-sidebar .fyi-rendered-module input[type="search"],
.fyi-sidebar .fyi-rendered-module select,
.fyi-sidebar .fyi-rendered-module textarea{max-width:100%;border:1px solid #999;background:#fff;padding:3px 5px}
.fyi-sidebar .fyi-rendered-module button,
.fyi-sidebar .fyi-rendered-module input[type="submit"],
.fyi-sidebar .fyi-rendered-module .btn{border:0;background:#090577;color:#fff;font-weight:700;padding:4px 8px;border-radius:2px}
@media(max-width:900px){
 .fyi-sidebar .fyi-rendered-module-body li.fyi-has-flyout>ul,
 .fyi-sidebar .fyi-rendered-module-body li.fyi-has-flyout>ol{position:static!important;display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;width:auto!important;min-width:0!important;border:0!important;box-shadow:none!important;padding-left:12px!important}
}


/* v0.5.1 — XS parent alignment, title-bar polish, and controlled content width */
.fyi-layout-grid{
 grid-template-columns:var(--fyi-xs-left-width) minmax(0,var(--fyi-xs-main-width,900px)) var(--fyi-xs-right-width);
 gap:var(--fyi-xs-column-gap,10px);
 justify-content:var(--fyi-xs-grid-justify,center);
}
.fyi-native-template:not(.has-left) .fyi-layout-grid{grid-template-columns:minmax(0,var(--fyi-xs-single-main-width,1fr)) var(--fyi-xs-right-width)}
.fyi-native-template:not(.has-right) .fyi-layout-grid{grid-template-columns:var(--fyi-xs-left-width) minmax(0,var(--fyi-xs-single-main-width,1fr))}
.fyi-native-template:not(.has-left):not(.has-right) .fyi-layout-grid{grid-template-columns:minmax(0,var(--fyi-xs-no-sidebar-main-width,1fr))}

/* Every root item, including separators/buttons used as parents, shares one text edge. */
.fyi-sidebar .fyi-rendered-module-body li>a,
.fyi-sidebar .fyi-rendered-module-body li>button,
.fyi-sidebar .fyi-rendered-module-body li>span,
.fyi-sidebar .fyi-rendered-module-body li>.separator{
 position:relative;
 display:block!important;
 width:100%;
 margin:0!important;
 padding:2px 24px 2px var(--fyi-sidebar-menu-indent,12px)!important;
 border:0!important;
 background:transparent!important;
 color:var(--fyi-sidebar-menu-link,#090577)!important;
 font-size:var(--fyi-sidebar-menu-size,15px)!important;
 line-height:var(--fyi-sidebar-menu-line-height,1.35)!important;
 text-align:left;
 text-decoration:none!important;
}
.fyi-sidebar .fyi-rendered-module-body li>a:hover,
.fyi-sidebar .fyi-rendered-module-body li>a:focus,
.fyi-sidebar .fyi-rendered-module-body li>button:hover,
.fyi-sidebar .fyi-rendered-module-body li>button:focus{
 color:var(--fyi-sidebar-menu-hover,#00006a)!important;
 text-decoration:none!important;
}
.fyi-sidebar .fyi-rendered-module-body li.fyi-has-flyout>a,
.fyi-sidebar .fyi-rendered-module-body li.fyi-has-flyout>button,
.fyi-sidebar .fyi-rendered-module-body li.fyi-has-flyout>span,
.fyi-sidebar .fyi-rendered-module-body li.parent>a,
.fyi-sidebar .fyi-rendered-module-body li.parent>button,
.fyi-sidebar .fyi-rendered-module-body li.parent>span,
.fyi-sidebar .fyi-rendered-module-body li.deeper>a,
.fyi-sidebar .fyi-rendered-module-body li.deeper>button,
.fyi-sidebar .fyi-rendered-module-body li.deeper>span{
 font-weight:var(--fyi-sidebar-parent-weight,700)!important;
}
/* Optional inward indicator is absolutely positioned and never changes text alignment. */
.fyi-sidebar .fyi-rendered-module-body li.fyi-has-flyout>a::after,
.fyi-sidebar .fyi-rendered-module-body li.fyi-has-flyout>button::after,
.fyi-sidebar .fyi-rendered-module-body li.fyi-has-flyout>span::after{
 position:absolute;
 top:50%;
 opacity:var(--fyi-sidebar-parent-indicator,0);
 transform:translateY(-50%);
 color:#b39028;
 font-size:11px;
 line-height:1;
}
.fyi-sidebar-left .fyi-rendered-module-body li.fyi-has-flyout>a::after,
.fyi-sidebar-left .fyi-rendered-module-body li.fyi-has-flyout>button::after,
.fyi-sidebar-left .fyi-rendered-module-body li.fyi-has-flyout>span::after{content:'▶';right:5px}
.fyi-sidebar-right .fyi-rendered-module-body li.fyi-has-flyout>a::after,
.fyi-sidebar-right .fyi-rendered-module-body li.fyi-has-flyout>button::after,
.fyi-sidebar-right .fyi-rendered-module-body li.fyi-has-flyout>span::after{content:'◀';left:5px}

/* Slightly tighter title bars to match the verified J3 XS chrome. */
.fyi-sidebar .fyi-rendered-module-title{
 padding:calc(var(--fyi-xs-module-title-vpad,9px) * .78) var(--fyi-xs-module-title-hpad,10px);
 border-radius:max(2px,calc(var(--fyi-xs-module-radius,7px) - 4px));
 line-height:1.08;
}
@media(max-width:900px){
 .fyi-layout-grid,.fyi-native-template:not(.has-left) .fyi-layout-grid,.fyi-native-template:not(.has-right) .fyi-layout-grid,.fyi-native-template:not(.has-left):not(.has-right) .fyi-layout-grid{grid-template-columns:1fr;justify-content:stretch}
}

/* v0.5.3.7 profile-width enforcement */
.fyi-native-template .fyi-layout-grid{width:100%;box-sizing:border-box}
.fyi-native-template .fyi-content-panel{width:100%;max-width:var(--fyi-xs-main-width,900px);box-sizing:border-box}

/* v0.5.3.7 content-width enforcement */
.fyi-native-template .fyi-layout-grid{grid-template-columns:var(--fyi-xs-left-width,210px) minmax(0,var(--fyi-xs-main-width,900px)) var(--fyi-xs-right-width,250px)!important;gap:var(--fyi-xs-column-gap,10px)!important;justify-content:var(--fyi-xs-grid-justify,center)!important;width:100%!important}
.fyi-native-template .fyi-content-panel{width:var(--fyi-xs-main-width,900px)!important;max-width:var(--fyi-xs-main-width,900px)!important;min-width:0!important}
@media(max-width:900px){.fyi-native-template .fyi-layout-grid{grid-template-columns:1fr!important}.fyi-native-template .fyi-content-panel{width:100%!important;max-width:100%!important}}

/* v0.5.3.7 calculated site width */
.fyi-layout-grid{width:100%;max-width:100%;grid-template-columns:var(--fyi-xs-left-width) minmax(0,var(--fyi-xs-main-width)) var(--fyi-xs-right-width);gap:var(--fyi-xs-column-gap);justify-content:stretch!important}
.fyi-content-panel{min-width:0;width:100%;max-width:var(--fyi-xs-main-width)}

/* v0.5.3.7 — coherent calculated frame, uncropped header artwork, exact three-column grid */
.fyi-page-shell{width:min(calc(100% - (2 * var(--fyi-outer-margin,12px))),var(--fyi-content-width));max-width:var(--fyi-content-width)}
.fyi-xs-header{grid-template-columns:minmax(0,1fr) max(300px,var(--fyi-xs-right-width));min-height:0;align-items:stretch}
.fyi-xs-brand{display:flex;align-items:center;justify-content:flex-start;min-width:0;overflow:hidden;background:#fff url('../images/xs-page-texture.jpg') repeat}
.fyi-xs-original-header{width:100%;height:auto;max-height:100%;object-fit:contain;object-position:left center;display:block}
.fyi-xs-header-panel{min-width:0;overflow:hidden}
.fyi-layout-grid{grid-template-columns:var(--fyi-xs-left-width) var(--fyi-xs-main-width) var(--fyi-xs-right-width);gap:var(--fyi-xs-column-gap);width:100%;padding:8px 0;justify-content:center;align-items:start}
.fyi-native-template:not(.has-left) .fyi-layout-grid{grid-template-columns:var(--fyi-xs-main-width) var(--fyi-xs-right-width)}
.fyi-native-template:not(.has-right) .fyi-layout-grid{grid-template-columns:var(--fyi-xs-left-width) var(--fyi-xs-main-width)}
.fyi-native-template:not(.has-left):not(.has-right) .fyi-layout-grid{grid-template-columns:var(--fyi-xs-main-width)}
.fyi-content-panel,.fyi-sidebar{min-width:0;max-width:100%}
@media(max-width:900px){.fyi-xs-original-header{width:100%;height:auto;object-fit:contain}.fyi-layout-grid,.fyi-native-template:not(.has-left) .fyi-layout-grid,.fyi-native-template:not(.has-right) .fyi-layout-grid,.fyi-native-template:not(.has-left):not(.has-right) .fyi-layout-grid{grid-template-columns:1fr;padding:8px}}


/* FYI Presentation Platform v0.5.3.7 — sidebar balance + VirtueMart designer foundation */
.fyi-layout-grid{gap:var(--fyi-xs-column-gap,10px)!important}
.fyi-sidebar-left{padding-left:var(--fyi-xs-sidebar-outer-padding,10px)}
.fyi-sidebar-right{padding-right:var(--fyi-xs-sidebar-outer-padding,10px)}
@media(max-width:900px){.fyi-sidebar-left,.fyi-sidebar-right{padding-left:0;padding-right:0}}

/* VirtueMart contexts and template-override-compatible selectors */
.fyi-vm-page .productdetails-view,
.fyi-vm-page .category-view,
.fyi-vm-page .manufacturer-view,
.fyi-vm-page .virtuemart_search,
.fyi-vm-page .browse-view{min-width:0;max-width:100%}
.fyi-vm-productdetails .productdetails-view{max-width:var(--fyi-vm-detail-width,860px);margin-inline:auto}
.fyi-vm-page .category-view h1,
.fyi-vm-page .browse-view h1,
.fyi-vm-page .category_description h1{font-size:var(--fyi-vm-category-heading-size,28px)}
.fyi-vm-page .vm-products-horizon,
.fyi-vm-page .products,
.fyi-vm-page .product-grid,
.fyi-vm-page .browse-view .row{gap:var(--fyi-vm-grid-gap,14px)}
.fyi-vm-page .product,
.fyi-vm-page .product-container,
.fyi-vm-page .spacer,
.fyi-vm-page .vm-product-media-container,
.fyi-vm-page .productdetails-view .product-short-description,
.fyi-content-panel .catproduct-item,
.fyi-content-panel [class*="product-card"]{
 background:var(--fyi-vm-card-bg,#fffdf7);
 border-color:var(--fyi-vm-card-border,#c6a84d);
 border-radius:var(--fyi-vm-card-radius,2px);
}
.fyi-vm-page .product-container,
.fyi-vm-page .spacer,
.fyi-content-panel .catproduct-item,
.fyi-content-panel [class*="product-card"]{padding:var(--fyi-vm-card-padding,12px)}
.fyi-vm-page .product-title,
.fyi-vm-page h1[itemprop="name"],
.fyi-vm-page .productdetails-view h1,
.fyi-content-panel .product-title{font-size:var(--fyi-vm-title-size,24px)}
.fyi-vm-page .PricesalesPrice,
.fyi-vm-page .product-price,
.fyi-content-panel .product-price{font-size:var(--fyi-vm-price-size,18px)}

/* Buttons, including products inserted into Joomla articles. */
.fyi-content-panel .addtocart-button,
.fyi-content-panel input.addtocart-button,
.fyi-content-panel .addtocart-bar button,
.fyi-content-panel .vm-button-correct,
.fyi-content-panel .vm-button,
.fyi-content-panel button[name="addtocart"],
.fyi-content-panel input[name="addtocart"],
.fyi-vm-page .btn-primary{
 display:inline-flex!important;align-items:center;justify-content:center;
 min-height:var(--fyi-vm-qty-size,42px);
 padding:var(--fyi-vm-button-vpad,8px) var(--fyi-vm-button-hpad,14px)!important;
 border:0!important;border-radius:var(--fyi-vm-button-radius,2px)!important;
 background:var(--fyi-vm-button-bg,#090577)!important;color:var(--fyi-vm-button-color,#fff)!important;
 text-decoration:none!important;line-height:1.1;cursor:pointer
}
.fyi-content-panel .addtocart-button:hover,
.fyi-content-panel .vm-button-correct:hover,
.fyi-content-panel button[name="addtocart"]:hover,
.fyi-vm-page .btn-primary:hover{background:var(--fyi-vm-button-hover-bg,#c6a84d)!important}

/* Quantity controls: reveal legacy VM +/- images, buttons and generated controls. */
.fyi-content-panel .quantity-box,
.fyi-content-panel .quantity-controls,
.fyi-content-panel .addtocart-bar{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap}
.fyi-content-panel input.quantity-input,
.fyi-content-panel input[name*="quantity"],
.fyi-vm-page input.quantity-input{
 display:inline-block!important;width:var(--fyi-vm-qty-size,42px)!important;height:var(--fyi-vm-qty-size,42px)!important;
 min-width:var(--fyi-vm-qty-size,42px)!important;padding:0 5px!important;text-align:center!important;background:#fff!important;color:#111!important
}
.fyi-content-panel .quantity-controls input,
.fyi-content-panel .quantity-controls button,
.fyi-content-panel .quantity-plus,
.fyi-content-panel .quantity-minus,
.fyi-content-panel .quantity-controls .quantity-plus,
.fyi-content-panel .quantity-controls .quantity-minus{
 display:inline-flex!important;visibility:visible!important;opacity:1!important;align-items:center!important;justify-content:center!important;
 width:var(--fyi-vm-qty-control-size,42px)!important;height:var(--fyi-vm-qty-control-size,42px)!important;
 margin:0!important;padding:0!important;border:0!important;border-radius:var(--fyi-vm-button-radius,2px)!important;
 background:var(--fyi-vm-qty-bg,#090577)!important;color:var(--fyi-vm-qty-color,#fff)!important;
 font-size:22px!important;line-height:1!important;text-indent:0!important;background-image:none!important
}
.fyi-content-panel .quantity-controls .quantity-plus::before,
.fyi-content-panel .quantity-plus::before{content:'+'}
.fyi-content-panel .quantity-controls .quantity-minus::before,
.fyi-content-panel .quantity-minus::before{content:'−'}


/* FYI Presentation Platform v0.5.3.7 — VirtueMart button spacing selector repair */
/*
 * VirtueMart layouts vary: some place addtocart-button on the clickable control,
 * others place it on a wrapper span. Apply spacing to the outer button unit and
 * padding to the actual clickable control so administrator controls work in both.
 */
.fyi-content-panel .addtocart-bar > .addtocart-button,
.fyi-content-panel .addtocart-bar > span.addtocart-button,
.fyi-content-panel .addtocart-bar > .addtocart-button-wrapper,
.fyi-content-panel .addtocart-area .addtocart-button-wrapper,
.fyi-content-panel .addtocart-area span.addtocart-button,
.fyi-vm-page .addtocart-bar > .addtocart-button,
.fyi-vm-page .addtocart-bar > span.addtocart-button,
.fyi-vm-page .addtocart-area .addtocart-button-wrapper {
  margin-top: var(--fyi-vm-button-margin-top, 8px) !important;
  margin-left: var(--fyi-vm-button-margin-left, 0) !important;
}

.fyi-content-panel :is(button,input[type="submit"],input[type="button"],a).addtocart-button,
.fyi-content-panel .addtocart-button :is(button,input[type="submit"],input[type="button"],a),
.fyi-content-panel .addtocart-button-wrapper :is(button,input[type="submit"],input[type="button"],a),
.fyi-content-panel :is(button,input[type="submit"],input[type="button"])[name="addtocart"],
.fyi-vm-page :is(button,input[type="submit"],input[type="button"],a).addtocart-button,
.fyi-vm-page .addtocart-button :is(button,input[type="submit"],input[type="button"],a),
.fyi-vm-page .addtocart-button-wrapper :is(button,input[type="submit"],input[type="button"],a),
.fyi-vm-page :is(button,input[type="submit"],input[type="button"])[name="addtocart"] {
  padding: var(--fyi-vm-button-vpad, 8px) var(--fyi-vm-button-hpad, 14px) !important;
  min-width: 0 !important;
  width: auto !important;
  height: auto !important;
  min-height: var(--fyi-vm-qty-size, 42px) !important;
  box-sizing: border-box !important;
}

/* When the clickable element itself is the direct flex item, it owns the margin. */
.fyi-content-panel .addtocart-bar > :is(button,input[type="submit"],input[type="button"],a).addtocart-button,
.fyi-content-panel .addtocart-bar > :is(button,input[type="submit"],input[type="button"])[name="addtocart"],
.fyi-vm-page .addtocart-bar > :is(button,input[type="submit"],input[type="button"],a).addtocart-button,
.fyi-vm-page .addtocart-bar > :is(button,input[type="submit"],input[type="button"])[name="addtocart"] {
  margin-top: var(--fyi-vm-button-margin-top, 8px) !important;
  margin-left: var(--fyi-vm-button-margin-left, 0) !important;
}

.fyi-content-panel .addtocart-bar,
.fyi-vm-page .addtocart-bar {
  column-gap: var(--fyi-vm-quantity-gap, 6px) !important;
  row-gap: var(--fyi-vm-quantity-gap, 6px) !important;
}


/* FYI Presentation Platform v0.5.3.7 — quantity glyph cleanup and Add to Cart bottom spacing */
.fyi-content-panel .quantity-plus.fyi-quantity-symbol-normalized,
.fyi-content-panel .quantity-minus.fyi-quantity-symbol-normalized,
.fyi-vm-page .quantity-plus.fyi-quantity-symbol-normalized,
.fyi-vm-page .quantity-minus.fyi-quantity-symbol-normalized {
  font-size: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: 0 !important;
}
.fyi-content-panel .quantity-plus.fyi-quantity-symbol-normalized::before,
.fyi-content-panel .quantity-minus.fyi-quantity-symbol-normalized::before,
.fyi-vm-page .quantity-plus.fyi-quantity-symbol-normalized::before,
.fyi-vm-page .quantity-minus.fyi-quantity-symbol-normalized::before {
  display: inline-block !important;
  font-size: 22px !important;
  line-height: 1 !important;
}
.fyi-content-panel .addtocart-bar > .addtocart-button,
.fyi-content-panel .addtocart-bar > span.addtocart-button,
.fyi-content-panel .addtocart-bar > .addtocart-button-wrapper,
.fyi-content-panel .addtocart-area .addtocart-button-wrapper,
.fyi-content-panel .addtocart-area span.addtocart-button,
.fyi-vm-page .addtocart-bar > .addtocart-button,
.fyi-vm-page .addtocart-bar > span.addtocart-button,
.fyi-vm-page .addtocart-area .addtocart-button-wrapper,
.fyi-content-panel .addtocart-bar > :is(button,input[type="submit"],input[type="button"],a).addtocart-button,
.fyi-content-panel .addtocart-bar > :is(button,input[type="submit"],input[type="button"])[name="addtocart"],
.fyi-vm-page .addtocart-bar > :is(button,input[type="submit"],input[type="button"],a).addtocart-button,
.fyi-vm-page .addtocart-bar > :is(button,input[type="submit"],input[type="button"])[name="addtocart"] {
  margin-bottom: var(--fyi-vm-button-margin-bottom, 8px) !important;
}

/* FYI Presentation Platform v0.5.3.7 — managed spacing after the complete VM cart unit */
.fyi-vm-after-cart-spacer{display:block!important;width:100%!important;clear:both!important;pointer-events:none!important;line-height:0!important;font-size:0!important}

/* FYI LEGACY BUTTON COMPATIBILITY START v10.1.19 */
/* Joomla 3 imported calls-to-action: .readon must match the modern .button class. */
a.button,
a.readon,
.button,
.readon {
  display: inline-block !important;
  box-sizing: border-box !important;
  margin: 0.25rem 0 !important;
  padding: 0.55rem 1rem !important;
  border: 0 !important;
  border-radius: 2px !important;
  background: #090577 !important;
  color: #fff !important;
  font: inherit !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background-color .16s ease, color .16s ease, box-shadow .16s ease !important;
}
a.button:hover,
a.button:focus,
a.readon:hover,
a.readon:focus,
.button:hover,
.button:focus,
.readon:hover,
.readon:focus {
  background: #201aa5 !important;
  color: #fff4b5 !important;
  text-decoration: none !important;
  outline: 0 !important;
  box-shadow: 0 0 0 3px rgba(9,5,119,.18) !important;
}
/* FYI LEGACY BUTTON COMPATIBILITY END */