/* v47: SINGLE lightweight first-paint visual surface.
   Root pseudo-elements paint during CSS parse (before deferred theme JS).
   They are noninteractive, finite, and never inserted behind the menu. */
html::before,html::after{pointer-events:none!important;box-sizing:border-box!important}
html::before{
 content:"";position:fixed;inset:0;z-index:2147483000;
 background:radial-gradient(ellipse at 50% 44%,rgba(70,99,120,.49),transparent 54%),linear-gradient(145deg,rgba(14,27,41,.97),rgba(40,58,70,.95) 53%,rgba(12,25,39,.98));
 -webkit-backdrop-filter:blur(18px) saturate(115%);backdrop-filter:blur(18px) saturate(115%);
 animation:tyconV47FailOpen 3.15s linear forwards;
}
html::after{
 content:"";
 position:fixed;z-index:2147483001;left:50%;top:48%;
 width:min(78vw,340px);height:112px;padding:0 12px;
 display:block;
 transform:translate(-50%,-50%);
 border:1px solid rgba(255,255,255,.3);border-radius:13px;
 background:url("../images/logo.png") center calc(50% - 7px)/clamp(180px,58vw,255px) auto no-repeat,linear-gradient(90deg,#004aad,#ff9a33,#004aad) 50% calc(100% - 18px)/55% 2px no-repeat,linear-gradient(155deg,rgba(218,231,239,.13),rgba(118,148,168,.1));
 box-shadow:0 18px 70px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.35);
 -webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);
 animation:tyconV47FailOpen 3.15s linear forwards,tyconV47Trace 1.05s ease-in-out infinite;
}
@keyframes tyconV47Trace{0%,100%{background-size:clamp(180px,58vw,255px) auto,18% 2px,auto;filter:brightness(.96)}50%{background-size:clamp(180px,58vw,255px) auto,55% 2px,auto;filter:brightness(1.2)}}
@keyframes tyconV47FailOpen{0%,85%{opacity:1;visibility:visible}99%{opacity:0;visibility:hidden}100%{opacity:0;visibility:hidden}}
html.tycon-v47-revealed::before,html.tycon-v47-revealed::after{
 animation:none!important;opacity:0!important;visibility:hidden!important;
 transition:opacity .28s ease,visibility 0s linear .28s!important;
}
@media(prefers-reduced-motion:reduce){html::after{animation:tyconV47FailOpen 3.15s linear forwards!important}}
@media print{html::before,html::after{display:none!important}}

/* v48: reserve mobile header height ON THE ZOHO CONTENT WRAPPER, not body.
   The fixed action bar is 81px at phone sizes and 85px on tablets.
   The additional 9px is the desired open air between glass and hero.
   Never shift native cart/checkout card internals or overlay the hero. */
@media(max-width:991px){
 html body{padding-top:0!important}
 html body [data-zs-mobile-content-wrap].theme-mobile-content-wrap{
   padding-block-start:88px!important;
 }
}
@media(max-width:520px){
 html body [data-zs-mobile-content-wrap].theme-mobile-content-wrap{
   padding-block-start:84px!important;
 }
}


/* Tycon Systems Covenant Glass v27 Stage 1 — Church v14.2 navigation structure and interaction styling.
   Layout ownership: only the site chrome. All Zoho Commerce product/cart/checkout styling remains native. */
:root{--tycon-cg-space:0px;--tycon-heading-font:"Oswald","Arial Narrow",sans-serif;--tycon-body-font:"Poppins","Source Sans Pro",system-ui,sans-serif;--tycon-brand-navy:#004aad;--tycon-brand-orange:#ff9a33;--tycon-cg-deep:#535556;--tycon-cg-ink:#535556;--tycon-cg-link:#004aad;--tycon-cg-line:rgba(55,91,111,.14);--tycon-cg-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--tycon-cg-ease:cubic-bezier(.22,.8,.22,1);/* Mobile retains v52 glass opacity; tint is brighter and less navy-black. Desktop compensates for its deeper utility-row stacking with a clearer mix. */--tycon-cg-bar-glass:linear-gradient(150deg,rgba(60,79,96,.83),rgba(37,57,77,.90));--tycon-cg-desktop-bar-glass:linear-gradient(150deg,rgba(60,79,96,.72),rgba(37,57,77,.78));--tycon-cg-panel-glass:linear-gradient(142deg,rgba(247,249,251,.71),rgba(218,230,239,.64));--tycon-cg-mobile-panel-glass:linear-gradient(142deg,rgba(247,249,251,.94),rgba(224,233,240,.92));--tycon-cg-panel-ink:#004aad;--tycon-cg-panel-description:#535556}
/* The native Zoho header remains in DOM for Commerce's own event handlers, but is not the visual shell. */
html body .zpheader-style-09,
html body .theme-mobile-header-style-05.theme-mobile-header-top,
html body .theme-mobile-header-style-05.theme-mobile-header-bottom,
html body .theme-mobile-header-style-05.theme-mobile-header-slidewrapper,
html body [data-headercontainer="zptheme-data-headercontainer"]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;position:static!important;transform:none!important}
/* On non-hero/Commerce routes the navigation reserves its own layout space.
   On identified static hero pages, the header floats over the opening media. */
#tycon-cg-header,#tycon-cg-header *,#tycon-cg-header *::before,#tycon-cg-header *::after,.tycon-cg-mobile-scrim,.tycon-cg-mobile-drawer,.tycon-cg-mobile-drawer *,#tycon-cg-search,#tycon-cg-search *{box-sizing:border-box}
#tycon-cg-header{position:sticky!important;top:0!important;inset:0 0 auto!important;z-index:100560!important;width:100%!important;min-height:0;margin:0!important;padding:7px 13px 0!important;pointer-events:none;font-family:var(--tycon-cg-font)!important;opacity:0;transform:translateY(-8px);transition:opacity .18s var(--tycon-cg-ease),transform .32s var(--tycon-cg-ease)}
/* V2.4: On identified landing heroes the glass header is a viewport overlay,
   not a flow item. On Zoho's variable editor wrappers, the page entry is
   brought under this bar by the matching header controller below. Cart,
   checkout, account and ordinary pages keep the original site chrome. */
html:not(.tycon-commerce-route):not(.tycon-transaction-route):is(
 .tycon-cg-hero-overlay,
 :has(#tycon-home > .tycon-hero),
 :has([data-tycon-hero]),
 :has(.tycon-page-hero),
 :has(.tycon-about-hero),
 :has(.tycon-landing-hero),
 :has(.tycon-banner-hero)
) #tycon-cg-header{
 position:fixed!important;top:0!important;left:0!important;right:0!important;
 inset:0 0 auto!important;margin:0!important;
}
html.tycon-cg-ready #tycon-cg-header{opacity:1;transform:translateY(0)}
html.tycon-cg-ready #tycon-cg-header.tycon-cg-header-hidden{transform:translateY(calc(-100% - 24px));opacity:.98}
.tycon-cg-desktop,.tycon-cg-mobile{pointer-events:auto}
.tycon-cg-desktop{display:block;width:100%}
.tycon-cg-desktop-frame{position:relative;width:100%;min-height:0;margin:0 auto;display:block;overflow:visible}
.tycon-cg-desktop-logo{height:50px;min-width:130px;padding:0 8px 0 14px;display:flex;align-items:center;justify-content:flex-start;flex:0 0 130px;pointer-events:auto}
.tycon-cg-desktop-logo a,.tycon-cg-mobile-logo a{display:inline-flex;align-items:center;justify-content:center;max-width:100%;text-decoration:none!important}
.tycon-cg-desktop-logo img{display:block;max-width:121px;max-height:34px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(18,38,48,.20))}
/* Tycon v33: restrained glass header, logo and native Commerce actions retained. */
.tycon-cg-nav{position:relative;z-index:3;min-height:62px;width:100%;padding:6px 9px;display:flex;align-items:center;justify-content:space-between;gap:4px;border:0;border-radius:20px 20px 0 0;background:transparent;box-shadow:none}
.tycon-cg-nav-controls{margin-left:auto;min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:4px}
.tycon-cg-trigger,.tycon-cg-search-launcher,.tycon-cg-icon-action{position:relative;z-index:1;height:50px;min-width:0;margin:0;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent!important;border-radius:12px!important;color:#ffffff!important;background:transparent!important;box-shadow:none!important;cursor:pointer;white-space:nowrap;font:inherit!important;font-size:18px!important;line-height:1!important;font-weight:650!important;letter-spacing:-.018em!important;text-shadow:0 1px 5px rgba(13,30,42,.32);text-decoration:none!important;transition:color .20s ease,background-color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s var(--tycon-cg-ease);-webkit-tap-highlight-color:transparent}
.tycon-cg-trigger:hover,.tycon-cg-trigger:focus-visible,.tycon-cg-trigger.is-open,.tycon-cg-search-launcher:hover,.tycon-cg-search-launcher:focus-visible,.tycon-cg-icon-action:hover,.tycon-cg-icon-action:focus-visible{color:#004aad!important;background:rgba(255,255,255,.92)!important;border-color:rgba(255,255,255,.96)!important;box-shadow:0 7px 20px rgba(25,48,60,.12),inset 0 1px 0 #fff!important;text-shadow:none;outline:none!important}
.tycon-cg-trigger:active,.tycon-cg-search-launcher:active,.tycon-cg-icon-action:active{transform:scale(.975)}
.tycon-cg-search-launcher{min-width:132px;padding-left:13px;padding-right:16px;justify-content:flex-start}
.tycon-cg-icon-action{width:48px;min-width:48px;padding:0}
.tycon-cg-icon-action svg,.tycon-cg-mobile-cart svg,.tycon-cg-mobile-account svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tycon-cg-cart-count{position:absolute;top:1px;right:-1px;min-width:16px;height:16px;padding:1px 3px;display:grid;place-items:center;border-radius:50%;background:rgba(237,247,252,.95);color:#214960;font:700 9px/1 var(--tycon-cg-font);text-shadow:none}
.tycon-cg-cart-count[hidden]{display:none!important}
.tycon-cg-search-icon{display:inline-grid;place-items:center;width:20px;height:20px;flex:0 0 20px}
.tycon-cg-search-icon svg,.tycon-cg-search-field-icon svg,.tycon-cg-search-submit svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tycon-cg-arrow{width:7px;height:7px;flex:0 0 7px;border-top:1.6px solid currentColor;border-right:1.6px solid currentColor;transform:rotate(45deg);opacity:.72}
.tycon-cg-trigger-chevron{position:relative;width:15px;height:15px;flex:0 0 15px;opacity:.88}
.tycon-cg-trigger-chevron::before,.tycon-cg-trigger-chevron::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.7px;border-radius:999px;background:currentColor;transform:translate(-50%,-50%);transition:transform .30s var(--tycon-cg-ease),opacity .22s ease}
.tycon-cg-trigger-chevron::after{transform:translate(-50%,-50%) rotate(90deg)}
.tycon-cg-trigger.is-open .tycon-cg-trigger-chevron::before{transform:translate(-50%,-50%) rotate(180deg)}
.tycon-cg-trigger.is-open .tycon-cg-trigger-chevron::after{opacity:0;transform:translate(-50%,-50%) rotate(180deg) scaleX(.25)}
/* White foreground is confined to the floating header controls. Mega/dropdown text remains Tycon blue/gray on its pale background. */
#tycon-cg-header :is(.tycon-cg-nav-controls,.tycon-cg-mobile-actions) :is(svg,path,circle,rect,polyline,line){stroke:currentColor}
#tycon-cg-header :is(.tycon-cg-trigger,.tycon-cg-search-launcher,.tycon-cg-icon-action,.tycon-cg-mobile-search,.tycon-cg-mobile-cart,.tycon-cg-mobile-account):not(:hover):not(:focus-visible):not(.is-open){color:#fff!important}
/* v33: one continuous desktop glass surface with a built-in utility row. */
#tycon-cg-header .tycon-cg-integrated-glass{
  width:100%;position:relative;overflow:visible;border:1px solid rgba(255,255,255,.72);
  border-radius:21px;background:var(--tycon-cg-desktop-bar-glass);
  -webkit-backdrop-filter:blur(30px) saturate(147%);backdrop-filter:blur(30px) saturate(147%);
  box-shadow:0 13px 32px rgba(22,42,56,.18),inset 0 2px 1px rgba(255,255,255,.62),inset 0 -1px 0 rgba(30,55,73,.19);
}
#tycon-cg-header .tycon-cg-utility-rail{
  display:flex;align-items:center;justify-content:flex-end;min-height:33px;gap:10px;padding:3px 17px 4px;
  border-top:1px solid rgba(255,255,255,.4);pointer-events:auto;
  background:linear-gradient(90deg,rgba(48,68,88,.05),rgba(39,61,82,.08));
  border-radius:0 0 20px 20px;
}
/* Contact-only secondary glass rail, visible even on narrower desktop widths. */
#tycon-cg-header .tycon-cg-utility-contact{
  display:flex;align-items:center;justify-content:flex-end;gap:9px;
  min-width:0;margin-left:auto;padding:0;border:0;
}
#tycon-cg-header .tycon-cg-utility-link{
  box-sizing:border-box;display:inline-flex;align-items:center;gap:8px;min-height:25px;
  margin:0!important;padding:5px 9px;border:1px solid transparent;border-radius:10px;
  text-decoration:none!important;font:750 13.5px/1.15 var(--tycon-cg-font)!important;
  color:#fff!important;white-space:nowrap;background:transparent!important;
  transition:background .18s ease,color .18s ease;
}
#tycon-cg-header .tycon-cg-utility-link .tycon-cg-arrow{width:5px;height:5px;flex-basis:5px;opacity:.8;}
#tycon-cg-header .tycon-cg-utility-link:hover,
#tycon-cg-header .tycon-cg-utility-link:focus-visible{
  color:#f28a20!important;background:#fff!important;
  border-color:rgba(255,255,255,.9)!important;outline:0;
  text-shadow:none;box-shadow:0 2px 10px rgba(20,41,55,.14);
}
@media(min-width:992px) and (max-width:1300px){
 #tycon-cg-header .tycon-cg-utility-rail{padding-inline:12px;}
 #tycon-cg-header .tycon-cg-utility-link{font-size:12px!important;padding-inline:6px;}
}
/* Mobile contact links belong in the folding drawer rather than consuming
   a second always-visible strip of valuable phone viewport height. */
@media(max-width:991px){#tycon-cg-header .tycon-cg-integrated-glass{display:none!important;}}
/* One Church-style animated mega panel, re-used between desktop groups. */
.tycon-cg-mega-layer{position:absolute;z-index:8;top:calc(100% + 8px);left:0;right:0;pointer-events:none}
.tycon-cg-mega{position:absolute;top:0;left:50%;z-index:1;width:min(1210px,calc(100vw - 48px));max-height:min(72vh,720px);overflow:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-50%) translateY(-7px) scale(.991);transform-origin:50% 0;border:1.5px solid rgba(255,255,255,.90);border-radius:30px;color:var(--tycon-cg-deep);background:var(--tycon-cg-panel-glass);-webkit-backdrop-filter:blur(27px) saturate(122%);backdrop-filter:blur(27px) saturate(122%);box-shadow:0 38px 95px rgba(25,50,63,.24),inset 0 1px 0 rgba(255,255,255,.98);transition:none}
.tycon-cg-mega::before{content:"";position:absolute;top:-16px;left:0;width:100%;height:16px;background:transparent;pointer-events:auto}
.tycon-cg-mega.is-open{z-index:2;opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1);animation:tyconCgMegaIn .20s var(--tycon-cg-ease) both}
@keyframes tyconCgMegaIn{from{opacity:0;transform:translateX(-50%) translateY(-6px) scale(.992)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}
.tycon-cg-mega-head{padding:23px 26px 19px;display:flex;align-items:end;justify-content:space-between;gap:28px;border-bottom:1px solid var(--tycon-cg-line);background:rgba(255,255,255,.35)}
.tycon-cg-mega-head>div{max-width:760px}.tycon-cg-mega-eyebrow{display:block;margin-bottom:6px;color:#718a98;font-size:10px;line-height:1;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.tycon-cg-mega-head h2{margin:0!important;color:#173d55!important;font-family:var(--tycon-cg-font)!important;font-size:clamp(23px,2vw,31px)!important;line-height:1.04!important;font-weight:790!important;letter-spacing:-.038em!important}.tycon-cg-mega-head p{margin:8px 0 0!important;max-width:720px;color:#617783!important;font-size:13px!important;line-height:1.45!important}
.tycon-cg-mega-home{min-width:138px;height:42px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:10px;flex:0 0 auto;border:1px solid rgba(55,91,111,.12);border-radius:999px;color:#315e77!important;background:rgba(255,255,255,.68);text-decoration:none!important;font-size:13px;font-weight:800;transition:transform .18s ease,background-color .18s ease}.tycon-cg-mega-home:hover{background:#fff;transform:translateY(-1px)}
.tycon-cg-mega-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tycon-cg-mega-section{min-width:0;padding:19px 23px 23px;border-right:1px solid var(--tycon-cg-line)}.tycon-cg-mega-section:last-child{border-right:0}.tycon-cg-mega-section h3{margin:0 0 10px!important;color:#768a95!important;font-family:var(--tycon-cg-font)!important;font-size:10px!important;line-height:1!important;font-weight:850!important;letter-spacing:.14em!important;text-transform:uppercase}
.tycon-cg-mega-links{display:grid;gap:5px}.tycon-cg-mega-link{min-width:0;min-height:62px;padding:10px 11px 10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid transparent;border-radius:14px;color:var(--tycon-cg-link)!important;background:transparent;text-decoration:none!important;transition:color .18s ease,background-color .20s ease,border-color .20s ease,box-shadow .20s ease,transform .20s var(--tycon-cg-ease)}.tycon-cg-mega-link:hover,.tycon-cg-mega-link:focus-visible{color:#004aad!important;border-color:rgba(255,255,255,.96);background:rgba(255,255,255,.95);outline:none;transform:translateY(-1px);box-shadow:0 7px 18px rgba(38,58,68,.12),inset 0 1px 0 #fff}
.tycon-cg-link-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.tycon-cg-link-title{color:inherit;font-size:15px;line-height:1.2;font-weight:800;letter-spacing:-.018em}.tycon-cg-link-note{color:#77878e;font-size:11px;line-height:1.32;font-weight:500}
.tycon-cg-mobile{display:none}
@media(max-width:1240px) and (min-width:992px){#tycon-cg-header{padding-left:12px!important;padding-right:12px!important}.tycon-cg-desktop-frame{gap:0}.tycon-cg-desktop-logo{min-width:130px;flex-basis:130px}.tycon-cg-desktop-logo img{max-width:121px;max-height:34px}.tycon-cg-nav{gap:2px;padding:6px}.tycon-cg-trigger,.tycon-cg-search-launcher{height:48px;padding:0 10px;font-size:16.5px!important}.tycon-cg-search-launcher{min-width:48px;width:48px;padding:0;justify-content:center}.tycon-cg-search-label{display:none}.tycon-cg-icon-action{width:44px;min-width:44px;height:46px;padding:0}}
/* Mobile header is the same dark clear glass material as desktop; its fold-out shares desktop white glass. */
.tycon-cg-mobile-scrim,.tycon-cg-mobile-drawer{display:none}
@media(max-width:991px){
 #tycon-cg-header{top:0!important;inset:0 0 auto!important;z-index:100550!important;padding:4px 7px 0!important}
 .tycon-cg-desktop{display:none!important}.tycon-cg-mobile{display:block;width:100%}
 .tycon-cg-mobile-shell{position:relative;z-index:12;width:100%;min-height:80px;padding:0;display:block;border:0!important;border-radius:0!important;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}
 .tycon-cg-mobile-logo{min-width:0;flex:0 1 auto;margin-right:auto;padding-left:8px;display:flex;align-items:center;justify-content:flex-start;pointer-events:auto}.tycon-cg-mobile-logo img{display:block;width:auto;height:auto;max-width:min(126px,34vw);max-height:34px;object-fit:contain;filter:drop-shadow(0 2px 9px rgba(18,38,48,.22))}
 .tycon-cg-mobile-actions{position:relative;z-index:3;width:100%;min-height:78px;display:flex;align-items:center;justify-content:flex-end;gap:4px;padding:9px 6px;border:1px solid rgba(255,255,255,.66);border-radius:21px;background:var(--tycon-cg-bar-glass);-webkit-backdrop-filter:blur(30px) saturate(147%);backdrop-filter:blur(30px) saturate(147%);box-shadow:0 13px 32px rgba(22,42,56,.22),inset 0 2px 1px rgba(255,255,255,.56),inset 0 -1px 0 rgba(16,32,48,.28)}
 .tycon-cg-mobile-search,.tycon-cg-menu-button,.tycon-cg-mobile-cart,.tycon-cg-mobile-account{position:relative;width:50px;height:50px;min-width:50px;min-height:50px;max-width:50px;max-height:50px;flex:0 0 50px;aspect-ratio:1/1;margin:0!important;padding:0!important;display:grid!important;place-items:center;border:1px solid transparent!important;border-radius:12px!important;color:#ffffff!important;background:transparent!important;box-shadow:none!important;cursor:pointer;text-decoration:none!important;text-shadow:0 1px 5px rgba(13,30,42,.30);transition:color .20s ease,background-color .20s ease,transform .20s ease}
 .tycon-cg-mobile-search:focus-visible,.tycon-cg-menu-button:focus-visible,.tycon-cg-mobile-cart:focus-visible,.tycon-cg-mobile-account:focus-visible,.tycon-cg-mobile-shell.is-open .tycon-cg-menu-button{color:#004aad!important;background:rgba(255,255,255,.94)!important;outline:none!important;box-shadow:inset 0 1px 0 #fff,0 6px 18px rgba(21,46,58,.10)!important}
 .tycon-cg-mobile-search:active,.tycon-cg-menu-button:active{transform:scale(.95)}
 .tycon-cg-menu-mark{position:relative;width:22px;height:18px;display:block}.tycon-cg-menu-mark i{position:absolute;right:0;height:2px;border-radius:999px;background:currentColor;transform-origin:center;transition:top .28s var(--tycon-cg-ease),width .24s var(--tycon-cg-ease),transform .28s var(--tycon-cg-ease),opacity .18s ease}
 .tycon-cg-menu-mark i:nth-child(1){top:2px;width:22px}.tycon-cg-menu-mark i:nth-child(2){top:8px;width:15px}.tycon-cg-menu-mark i:nth-child(3){top:14px;width:19px}.tycon-cg-mobile-shell.is-open .tycon-cg-menu-mark i:nth-child(1){top:8px;width:21px;transform:rotate(45deg)}.tycon-cg-mobile-shell.is-open .tycon-cg-menu-mark i:nth-child(2){opacity:0;transform:translateX(5px) scaleX(.35)}.tycon-cg-mobile-shell.is-open .tycon-cg-menu-mark i:nth-child(3){top:8px;width:21px;transform:rotate(-45deg)}
 .tycon-cg-mobile-scrim{display:block!important;position:fixed;inset:0;z-index:100530;opacity:0;visibility:hidden;pointer-events:none;background:rgba(18,29,41,.30);-webkit-backdrop-filter:blur(6px) saturate(95%);backdrop-filter:blur(6px) saturate(95%);transition:opacity .30s ease,visibility 0s linear .30s}.tycon-cg-mobile-scrim.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .30s ease,visibility 0s}
 /* v38: navigation unfolds directly below the persistent header; no separate close overlay.
    Animate the viewport clipping boundary, like the 0fr-to-1fr accordion reveals below;
    keep the scrollable panel attached below the header and the hamburger visible. */
 .tycon-cg-mobile-drawer{display:block!important;position:absolute;z-index:2;top:calc(100% - 2px);left:0;right:0;width:100%;height:auto;max-height:calc(100dvh - 90px - env(safe-area-inset-bottom));margin:0;padding:6px 0 calc(12px + env(safe-area-inset-bottom));overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px) scaleY(.975);transform-origin:center top;-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);border:1px solid rgba(255,255,255,.72);border-top:1px solid rgba(255,255,255,.34);border-radius:0 0 20px 20px;color:var(--tycon-cg-panel-ink);text-shadow:none;background:var(--tycon-cg-mobile-panel-glass);-webkit-backdrop-filter:blur(27px) saturate(122%);backdrop-filter:blur(27px) saturate(122%);box-shadow:0 18px 34px rgba(22,42,56,.17),inset 0 2px 1px rgba(255,255,255,.87);transition:-webkit-clip-path .43s var(--tycon-cg-ease),clip-path .43s var(--tycon-cg-ease),transform .43s var(--tycon-cg-ease),opacity .24s ease,visibility 0s linear .43s}
 .tycon-cg-mobile-drawer.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scaleY(1);-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);transition:-webkit-clip-path .43s var(--tycon-cg-ease),clip-path .43s var(--tycon-cg-ease),transform .43s var(--tycon-cg-ease),opacity .24s ease,visibility 0s}
 .tycon-cg-mobile-groups{display:block;width:100%;min-height:0;padding:5px 0 env(safe-area-inset-bottom)}.tycon-cg-mobile-group{width:auto;margin:6px 11px;padding:3px;border:1px solid rgba(255,255,255,.90);border-radius:15px;background:rgba(255,255,255,.76);-webkit-backdrop-filter:blur(19px) saturate(112%);backdrop-filter:blur(19px) saturate(112%);box-shadow:0 5px 16px rgba(22,42,56,.10),inset 0 2px 1px rgba(255,255,255,.94),inset 0 -1px 0 rgba(70,91,108,.10)}
 .tycon-cg-mobile-toggle{width:100%;min-height:62px;margin:0!important;padding:0 16px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px;border:1.5px solid transparent!important;border-radius:12px!important;color:var(--tycon-cg-panel-ink)!important;background:transparent!important;text-shadow:none!important;box-shadow:none!important;font:inherit!important;font-size:25px!important;font-weight:830!important;letter-spacing:-.025em!important;text-align:left!important;cursor:pointer;transition:color .20s ease,background-color .20s ease,border-color .20s ease,box-shadow .20s ease}
 .tycon-cg-mobile-toggle:focus-visible,.tycon-cg-mobile-group.is-open>.tycon-cg-mobile-toggle{color:#004aad!important;background:rgba(255,255,255,.95)!important;text-shadow:none!important;border-color:rgba(255,255,255,.94)!important;box-shadow:0 8px 24px rgba(31,54,65,.12),inset 0 1px 0 #fff!important;outline:none!important}
 .tycon-cg-mobile-plus{position:relative;width:24px;height:24px;flex:0 0 24px;border:0;transform:none;opacity:1}.tycon-cg-mobile-plus::before,.tycon-cg-mobile-plus::after{content:"";position:absolute;left:50%;top:50%;width:18px;height:2px;border-radius:999px;background:currentColor;transform:translate(-50%,-50%);transition:transform .28s var(--tycon-cg-ease),opacity .20s ease}.tycon-cg-mobile-plus::after{transform:translate(-50%,-50%) rotate(90deg)}.tycon-cg-mobile-group.is-open .tycon-cg-mobile-plus::before{transform:translate(-50%,-50%) rotate(180deg)}.tycon-cg-mobile-group.is-open .tycon-cg-mobile-plus::after{opacity:0;transform:translate(-50%,-50%) rotate(180deg) scaleX(.2)}
 .tycon-cg-mobile-sub{display:grid!important;grid-template-rows:0fr;width:100%;margin:0;padding:0;opacity:0;border-top:0;background:transparent;transition:grid-template-rows .34s var(--tycon-cg-ease),opacity .22s ease}.tycon-cg-mobile-group.is-open>.tycon-cg-mobile-sub{grid-template-rows:1fr;opacity:1;border-top:1px solid rgba(64,91,110,.20)}.tycon-cg-mobile-sub-inner{min-height:0;overflow:hidden;padding:0 24px;transition:padding .30s var(--tycon-cg-ease)}.tycon-cg-mobile-group.is-open>.tycon-cg-mobile-sub>.tycon-cg-mobile-sub-inner{padding-top:7px;padding-bottom:20px}.tycon-cg-mobile-group.is-expanded>.tycon-cg-mobile-sub>.tycon-cg-mobile-sub-inner{overflow:visible}
 .tycon-cg-mobile-home,.tycon-cg-mobile-link{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--tycon-cg-panel-ink)!important;text-shadow:none;text-decoration:none!important}.tycon-cg-mobile-home{min-height:52px;margin:12px 0 8px;padding:0 15px;border:1px solid rgba(170,170,170,.46);border-radius:12px;background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(16px) saturate(110%);backdrop-filter:blur(16px) saturate(110%);box-shadow:0 3px 10px rgba(20,30,40,.09),inset 0 1px 0 rgba(255,255,255,.84);font-size:13px;font-weight:840;text-transform:uppercase;letter-spacing:.06em}.tycon-cg-mobile-link{min-height:57px;margin:5px 0;padding:9px 12px;border:1px solid rgba(165,165,165,.42);border-radius:12px;background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(16px) saturate(110%);backdrop-filter:blur(16px) saturate(110%);box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 3px 10px rgba(20,30,40,.08);transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.tycon-cg-mobile-link:hover,.tycon-cg-mobile-link:focus-visible{background:rgba(255,255,255,.96);color:#004aad!important;text-shadow:none;border-color:rgba(199,142,75,.55);outline:none}.tycon-cg-mobile-subheading{padding:15px 10px 6px;color:var(--tycon-cg-panel-description);text-shadow:none;font-size:10px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.tycon-cg-mobile-link .tycon-cg-link-title{font-size:16px;font-weight:820;line-height:1.18}.tycon-cg-mobile-link .tycon-cg-link-note{font-size:11px;line-height:1.35}
 html.tycon-cg-mobile-open,body.tycon-cg-mobile-open{overflow:hidden!important;touch-action:none}
}
 /* Contact-only sub-rail in the existing integrated mobile fold-out. */
 .tycon-cg-drawer-contact-strip{
   padding:9px 11px 10px;margin:0;border:0;
   border-bottom:1px solid rgba(255,255,255,.2);background:transparent;
 }
 .tycon-cg-drawer-contact{
   display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr);
   align-items:stretch;gap:7px;margin:0;padding:0;border:0;
 }
 .tycon-cg-drawer-contact-link{
   display:inline-flex;align-items:center;justify-content:space-between;
   min-width:0;gap:4px;min-height:37px;padding:7px 9px;
   border:1px solid rgba(255,255,255,.50);border-radius:10px;
   background:rgba(255,255,255,.80);
    -webkit-backdrop-filter:blur(16px) saturate(110%);backdrop-filter:blur(16px) saturate(110%);
   box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 3px 10px rgba(20,30,40,.09);
   font:700 clamp(10.5px,3.05vw,12px)/1.16 var(--tycon-cg-font);
   color:var(--tycon-cg-panel-ink)!important;text-shadow:none;
   text-decoration:none!important;white-space:nowrap;
 }
 .tycon-cg-drawer-contact-link .tycon-cg-arrow{width:5px;height:5px;flex:0 0 5px;}
 .tycon-cg-drawer-contact-link:hover,.tycon-cg-drawer-contact-link:focus-visible{
   background:rgba(255,255,255,.96);color:#004aad!important;text-shadow:none;
   outline:2px solid #004aad;outline-offset:2px;
 }
@media(max-width:355px){.tycon-cg-drawer-contact-strip{padding-inline:8px}.tycon-cg-drawer-contact-link{font-size:10.2px;padding-inline:6px}}
@media(max-width:520px){#tycon-cg-header{padding-left:6px!important;padding-right:6px!important}.tycon-cg-mobile-shell{min-height:76px;padding-left:0}.tycon-cg-mobile-logo{padding-left:4px}.tycon-cg-mobile-logo img{max-width:min(121px,31vw);max-height:32px}.tycon-cg-mobile-search,.tycon-cg-menu-button,.tycon-cg-mobile-cart,.tycon-cg-mobile-account{width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;max-height:44px;flex:0 0 44px;aspect-ratio:1/1;border-radius:12px!important}.tycon-cg-mobile-actions{min-height:72px;gap:1px;padding:8px 5px}.tycon-cg-mobile-drawer{padding-top:0}.tycon-cg-mobile-toggle{font-size:24px!important}.tycon-cg-mobile-link .tycon-cg-link-title{font-size:18px}}

@media(max-width:355px){.tycon-cg-mobile-logo img{max-width:99px;max-height:29px}.tycon-cg-mobile-search,.tycon-cg-menu-button,.tycon-cg-mobile-cart,.tycon-cg-mobile-account{width:43px;min-width:43px;max-width:43px;height:43px;min-height:43px;max-height:43px;flex-basis:43px}}
/* Church-style large search modal with separate translucent scrim. */
html.tycon-cg-search-open,body.tycon-cg-search-open{overflow:hidden!important}
.tycon-cg-search{position:fixed;inset:0;z-index:100580;pointer-events:none;font-family:var(--tycon-cg-font)}
.tycon-cg-search-scrim{position:absolute;inset:0;background:rgba(20,34,42,.48);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;visibility:hidden;transition:opacity .18s ease,visibility 0s linear .18s}
.tycon-cg-search.is-open{pointer-events:auto}.tycon-cg-search.is-open .tycon-cg-search-scrim{opacity:1;visibility:visible;transition:opacity .18s ease}
.tycon-cg-search-panel{position:absolute;top:50%;left:50%;width:min(1030px,calc(100vw - 40px));max-height:min(88dvh,850px);overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-50%) scale(.985);border:1.5px solid rgba(255,255,255,.93);border-radius:34px;background:rgba(248,248,246,.95);-webkit-backdrop-filter:blur(30px) saturate(132%);backdrop-filter:blur(30px) saturate(132%);box-shadow:0 32px 100px rgba(13,32,44,.30),inset 0 1px 0 #fff;transition:opacity .18s ease,transform .22s var(--tycon-cg-ease),visibility 0s linear .22s}
.tycon-cg-search.is-open .tycon-cg-search-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%) scale(1);transition:opacity .18s ease,transform .22s var(--tycon-cg-ease),visibility 0s}
.tycon-cg-search-scroll{max-height:min(88dvh,850px);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.tycon-cg-search-close{position:absolute;top:24px;right:26px;z-index:3;width:50px;height:50px;margin:0;padding:0;border:1px solid rgba(61,91,110,.18);border-radius:50%;background:rgba(255,255,255,.65);color:#284e63;cursor:pointer}.tycon-cg-search-close::before,.tycon-cg-search-close::after{content:"";position:absolute;left:50%;top:50%;width:23px;height:2px;border-radius:999px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg)}.tycon-cg-search-close::after{transform:translate(-50%,-50%) rotate(-45deg)}
.tycon-cg-search-head{padding:43px 104px 31px 43px;border-bottom:1px solid rgba(55,91,111,.13)}.tycon-cg-search-kicker{margin:0 0 11px;color:#2f84ae;font-size:13px;font-weight:920;letter-spacing:.20em;text-transform:uppercase}.tycon-cg-search-head h2{margin:0!important;color:#173d55!important;font-family:var(--tycon-cg-font)!important;font-size:clamp(3rem,5.4vw,4.7rem)!important;line-height:.95!important;font-weight:850!important;letter-spacing:-.058em!important}.tycon-cg-search-head p{margin:19px 0 0!important;max-width:680px;color:#526f80!important;font-size:clamp(1.25rem,2.1vw,1.65rem)!important;line-height:1.3!important;font-weight:650!important;letter-spacing:-.02em!important}
.tycon-cg-search-form{width:100%;margin:28px 0 0;display:grid;grid-template-columns:minmax(0,1fr) 178px;gap:12px;align-items:stretch}.tycon-cg-search-field{min-width:0;min-height:64px;padding:0 16px;display:flex;align-items:center;gap:12px;border:1px solid rgba(67,115,139,.27);border-radius:18px;background:rgba(255,255,255,.84);box-shadow:inset 0 1px 0 #fff}.tycon-cg-search-field:focus-within{border-color:rgba(74,155,197,.58)!important;box-shadow:0 0 0 4px rgba(74,155,197,.14),inset 0 1px 0 #fff!important}.tycon-cg-search-field-icon{width:29px;height:29px;display:grid;place-items:center;flex:0 0 29px;color:#40768f}.tycon-cg-search-input{width:100%;height:60px;margin:0!important;padding:0!important;border:0!important;outline:none!important;box-shadow:none!important;background:transparent!important;font:700 20px/1 var(--tycon-cg-font)!important;color:#173d55!important}.tycon-cg-search-input::placeholder{color:#78909b!important;opacity:.80!important}
.tycon-cg-search-submit{min-height:64px;padding:0 14px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid rgba(255,255,255,.73)!important;border-radius:18px!important;color:#fff!important;background:#4c9ac1!important;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.50)}.tycon-cg-search-submit strong{font-size:18px;line-height:1;font-weight:850}.tycon-cg-search-submit span{width:24px;height:24px}
.tycon-cg-search-body{padding:30px 43px 43px}.tycon-cg-search-body h3{margin:0!important;color:#173d55!important;font-size:25px!important;font-weight:840!important}.tycon-cg-search-body p{margin:9px 0 20px!important;color:#647b88!important;font-size:16px!important}.tycon-cg-search-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.tycon-cg-search-topics button{min-height:64px;padding:16px 22px;border:1.5px solid rgba(255,255,255,.78);border-radius:19px;background:rgba(255,255,255,.48);color:#285e7a;text-align:left;font:800 17px/1.2 var(--tycon-cg-font);cursor:pointer}.tycon-cg-search-topics button:hover{background:rgba(255,255,255,.84)}
@media(max-width:680px){.tycon-cg-search-panel{width:calc(100vw - 18px);max-height:calc(100dvh - 24px);border-radius:23px}.tycon-cg-search-scroll{max-height:calc(100dvh - 24px)}.tycon-cg-search-head{padding:72px 22px 24px}.tycon-cg-search-close{top:14px;right:14px;width:44px;height:44px}.tycon-cg-search-head h2{font-size:clamp(37px,9vw,54px)!important}.tycon-cg-search-head p{font-size:17px!important}.tycon-cg-search-form{grid-template-columns:minmax(0,1fr);gap:10px}.tycon-cg-search-submit{min-height:56px}.tycon-cg-search-input{font-size:16px!important}.tycon-cg-search-body{padding:25px 22px 32px}.tycon-cg-search-topics{grid-template-columns:minmax(0,1fr);gap:9px}}
/* Homepage refinements: retain frosted INNER content cards, without
   imposing clipping or corner rounding on the full-bleed hero background. */
/* Do not mutate Zoho parent sections or page builder containers: prevents page-wide reflow. */
html body #tycon-home.tycon-home{background:transparent!important;transform:none!important}
html body #tycon-home.tycon-home :is(.tycon-hero,.tycon-sale-feature,.tycon-solutions){max-width:100%!important}
html body #tycon-home.tycon-home .tycon-hero-copy{border:1px solid rgba(255,255,255,.48)!important;border-radius:28px!important;background:rgba(48,65,73,.29)!important;-webkit-backdrop-filter:blur(25px) saturate(135%)!important;backdrop-filter:blur(25px) saturate(135%)!important;box-shadow:0 18px 42px rgba(11,28,40,.16),inset 0 1px 0 rgba(255,255,255,.40)!important}
html body #tycon-home.tycon-home .tycon-btn{border-radius:15px!important}
html body #tycon-home.tycon-home :is(.tycon-solution,.tycon-glass-tile,.tycon-offer-card){border-radius:22px!important}
@media(max-width:680px){html body #tycon-home.tycon-home{padding:0!important}html body #tycon-home.tycon-home .tycon-hero-copy{border-radius:20px!important}}

/* ==========================================================
   Tycon v30.1 — SINGLE page-canvas and footer layout authority
   ==========================================================
   Outer site/editor spacing is not component padding. Zero the canvas,
   preserve spacing *inside* buttons, product cards, search and forms.
   Unlike the earlier v23/v29/v30 layers, this rule owns all breakpoints.
*/
html,html body{
  margin:0!important;padding:0!important;width:100%;max-width:none!important;
}
/* Main/section layout — includes pages with and without the Tycon homepage. */
html body :is(main,.theme-pages-full-stretch,.theme-content-area,
  .theme-content-container,.theme-content-area-inner,.theme-page-container,
  .theme-page-wrapper,.theme-main-wrapper,.theme-site-wrapper){
  box-sizing:border-box;max-width:none!important;max-inline-size:none!important;
  margin-inline:0!important;padding-inline:0!important;
}
/* Zoho builder's section containers should never restore its old
   desktop 100px / tablet 50px / mobile 12px outer canvas padding. */
html body .theme-content-area :is(.theme-section,.zpsection,.zpcontainer),
html body .theme-content-container :is(.theme-section,.zpsection,.zpcontainer),
html body .theme-content-area-inner :is(.theme-section,.zpsection,.zpcontainer),
html body .theme-pages-full-stretch .theme-section>.zpcontainer{
  box-sizing:border-box;max-width:none!important;max-inline-size:none!important;
  margin-inline:0!important;padding-inline:0!important;
}
/* v36: normalize the page-entry section across content and catalog pages.
   The checkout/cart shells are excluded to retain their native form layout. */
html:not(.tycon-transaction-route) body :is(.theme-pages-full-stretch,.theme-content-area,
 .theme-content-container,.theme-content-area-inner,.theme-page-container)
 > :is(.theme-section,.zpsection):first-of-type{
 padding-block-start:0!important;margin-block-start:0!important;
}
/* v36: all STATIC content routes, not just #tycon-home. Spark reserves
   50px at the top of each entry .theme-section; nested first editor
   sections can multiply that blank space (especially on mobile About).
   Normalize FIRST section boundaries of the page-builder hierarchy only.
   Other sections and all Commerce transaction/product routes keep their
   own intrinsic padding, form/card spacing and native controls. */
html:not(.tycon-commerce-route):not(.tycon-transaction-route) body :is(.theme-pages-full-stretch,.theme-content-area,
 .theme-content-container,.theme-content-area-inner,.theme-page-container)
 :is(.theme-section,.zpsection):first-child{
 padding-block-start:0!important;margin-block-start:0!important;
}
html:not(.tycon-commerce-route):not(.tycon-transaction-route) body :is(.theme-pages-full-stretch,.theme-content-area,
 .theme-content-container,.theme-content-area-inner,.theme-page-container)
 > :is(.theme-section,.zpsection,.zpcontainer):first-of-type{
 padding-block-start:0!important;margin-block-start:0!important;
}
/* The boxed hero primitive also carries a separate 50px top spacer. Only
   trim it at the page-entry section; leave padding inside hero copy intact. */
html:not(.tycon-commerce-route):not(.tycon-transaction-route) body :is(.theme-pages-full-stretch,.theme-content-area,
 .theme-content-container,.theme-content-area-inner,.theme-page-container)
 :is(.theme-section,.zpsection):first-child .zphero-boxed{
 padding-block-start:0!important;margin-block-start:0!important;
}
/* v35: The native Spark editor sections reserve 50px around inserted HTML.
   That reservation was still visible before and after the single-element
   homepage. Clear it ONLY for editor sections containing our named root
   components; retain the spacing of product, cart and checkout sections. */
html body :is(.theme-section,.zpsection):has(#tycon-home),
html body :is(.theme-section,.zpsection):has(.tycon-footer-v1){
  padding-block-start:0!important;padding-block-end:0!important;
  margin-block-start:0!important;margin-block-end:0!important;
  min-height:0!important;
}
/* A last empty editor row/section after the homepage is not content.
   The existing guarded v32 cleanup handles truly empty siblings. */
/* The site homepage HTML is mounted as a single editor element. The editor
   may wrap it in a centered limited-width row or column that is not named
   'theme-content-area'. Reset only those ancestors hosting the homepage. */
html body :is(.theme-section,.zpsection,.zpcontainer,.zprow,.zpelem-col,
  .zpelement,[data-element-type="section"],[data-element-type="row"],
  [data-element-type="column"]):has(#tycon-home){
  box-sizing:border-box;width:100%!important;max-width:none!important;
  max-inline-size:none!important;margin-inline:0!important;padding-inline:0!important;
}
/* Unknown outer editor wrappers were the missed case in v30. They may
   have arbitrary class names or inline max-width declarations. Reset ALL
   ancestors of #tycon-home (not its descendant layout/cards) to viewport
   width. This is structural normalization, not another viewport-offset patch. */
html body :is(div,main,section,article):has(#tycon-home){
  box-sizing:border-box!important;width:100%!important;
  max-width:none!important;max-inline-size:none!important;
  margin-inline:0!important;padding-inline:0!important;
}
/* Full-width homepage belongs to the normalized canvas; no negative
   viewport margins, translate hacks, or overflow-masking are necessary. */
html body #tycon-home.tycon-home{
  box-sizing:border-box!important;position:relative!important;
  left:auto!important;right:auto!important;
  width:100%!important;max-width:none!important;
  margin:0!important;padding:0!important;
}
/* Edge-to-edge outer sections; content cards retain their deliberate inner
   gutters so text and form controls are not pressed against device edges. */
html body #tycon-home.tycon-home>.tycon-hero,
html body #tycon-home.tycon-home>.tycon-sale-feature,
html body #tycon-home.tycon-home>.tycon-solutions{
  box-sizing:border-box;width:100%!important;max-width:none!important;
  margin-inline:0!important;
}
/* The original Zoho footer's black box and 50px section spacers do not
   belong between the last page section and the custom Tycon footer. */
html body .theme-footer-area{
  box-sizing:border-box;background:transparent!important;
  margin:0!important;padding:0!important;min-height:0!important;
  max-width:none!important;max-inline-size:none!important;
}
html body .theme-footer-area :is(.theme-section,.zpsection,.zpcontainer){
  max-width:none!important;max-inline-size:none!important;
  margin-inline:0!important;padding-inline:0!important;
}
html body .theme-footer-area .theme-section,
html body .theme-footer-area > .zpcontainer,
html body .theme-footer-area > .theme-section > .zpcontainer{
  padding-block:0!important;margin-block:0!important;
}
/* Spark sub-style.css uses .zs-height .zprow {height:360px}. It creates an
   enormous invisible reservation when the footer HTML replaces the section.
   A real custom footer has its own intrinsic content height. */
html body .theme-footer-area :is(.zs-height,.zs-height>.zprow,
  .zs-height>[data-element-type="column"],
  .zs-height .zprow>[data-element-type="column"]),
html body .theme-footer-area :is(.zprow,.zpelem-col,.zpelement):has(.tycon-footer-v1){
  height:auto!important;min-height:0!important;min-block-size:0!important;
  margin-block:0!important;padding-block:0!important;
}
html body .theme-footer-area :is(.zpcontainer,.zprow,.zpelem-col,.zpelement):has(.tycon-footer-v1){
  width:100%!important;max-width:none!important;max-inline-size:none!important;
  margin-inline:0!important;padding-inline:0!important;
}
/* On pages with this custom homepage, do not leave a closing 50px section
   or a trailing placeholder between #tycon-home and the footer. */
html body .theme-content-area:has(#tycon-home) > .theme-section:last-child,
html body .theme-content-container:has(#tycon-home) > .theme-section:last-child,
html body .theme-content-area-inner:has(#tycon-home) > .theme-section:last-child{
  margin-block-end:0!important;padding-block-end:0!important;
}
html body .theme-footer-area :is(.zpcontainer,.theme-section,.zpsection):empty{
  min-height:0!important;margin:0!important;padding:0!important;
}
/* v31 root-level HOME => FOOTER handoff.
   The confirmed v30.1 width repair did not remove vertical space reserved
   on Zoho editor ANCESTORS of the homepage or ancestors of custom footer.
   Reset only ancestors containing the named homepage/footer components,
   never card interiors, checkout forms, or other page sections. */
html body :is(.theme-content-area,.theme-content-container,
 .theme-content-area-inner,.theme-pages-full-stretch,.theme-page-container,
 .theme-page-wrapper,.theme-main-wrapper,.theme-site-wrapper):has(#tycon-home){
 margin-block-end:0!important;padding-block-end:0!important;
 min-height:0!important;min-block-size:0!important;
}
html body :is(.theme-section,.zpsection,.zpcontainer,.zprow,.zpelem-col,
 .zpelement,[data-element-type="section"],[data-element-type="row"],
 [data-element-type="column"]):has(#tycon-home){
 margin-block-end:0!important;padding-block-end:0!important;
 min-height:0!important;min-block-size:0!important;height:auto!important;
}
html body :is(.theme-section,.zpsection,.zpcontainer,.zprow,.zpelem-col,
 .zpelement,[data-element-type="section"],[data-element-type="row"],
 [data-element-type="column"]):has(.tycon-footer-v1){
 margin-block-start:0!important;padding-block-start:0!important;
 min-height:0!important;min-block-size:0!important;height:auto!important;
}
html body :is(footer,.theme-footer-area):has(.tycon-footer-v1){
 margin-block-start:0!important;padding-block-start:0!important;
 min-height:0!important;min-block-size:0!important;
}
html body #tycon-home.tycon-home > :last-child{
 margin-block-end:0!important;
}
html body #tycon-home.tycon-home{
 padding-block-end:0!important;margin-block-end:0!important;min-block-size:0!important;
}
html body .tycon-footer-v1{margin-block-start:0!important;padding-block-start:0!important}
/* Editor wrappers may carry min-height independent of their padding. This
   applies only to containers enclosing the *whole* homepage/footer roots. */
html body :is(.theme-content-area,.theme-content-container,.theme-content-area-inner):has(#tycon-home){
 height:auto!important;min-height:0!important;
}
/* Preserve full-width backgrounds and inner content spacing; the header only
   overlays identified static hero pages, never Commerce transaction pages. */
/* v30.1 intentionally sets NO global section/card height, no body transform,
   no footer negative margin, and no special-case mobile padding patch. */

/* Tycon typography and restrained content-only brand cues — excluded from menu, search and BTT. */
html body .theme-content-area{font-family:var(--tycon-body-font)}
html body .theme-content-area :is(h1,h2,h3,h4,h5,h6,.zpheading),
html body .theme-footer-area :is(h1,h2,h3,h4,h5,h6),
html body #tycon-home :is(h1,h2,h3,h4,h5,h6){font-family:var(--tycon-heading-font)!important}
html body .theme-content-area :is(.tycon-eyebrow,.tycon-kicker),
html body #tycon-home :is(.tycon-eyebrow,.tycon-kicker){color:var(--tycon-brand-orange)}
/* Deliberately no selectors for .tycon-cg-nav, .tycon-cg-mobile-actions, .tycon-cg-trigger, #btt-btn. */


/* Brand typography and muted Tycon identity INSIDE mega menus and search.
   Deliberately no changes to header glass, BTT materials, or their interactive geometry. */
.tycon-cg-trigger,.tycon-cg-search-launcher,.tycon-cg-mobile-toggle,
.tycon-cg-mobile-subheading,.tycon-cg-mega-eyebrow,.tycon-cg-mega-home,
.tycon-cg-mega-section h3,.tycon-cg-link-title,.tycon-cg-mobile-home,
.tycon-cg-search-kicker,.tycon-cg-search-head h2,.tycon-cg-search-body h3,
.tycon-cg-search-submit strong,.tycon-cg-search-topics button,
.tycon-cg-mega-head h2{font-family:var(--tycon-heading-font)!important}
.tycon-cg-mega-head h2,.tycon-cg-search-head h2,.tycon-cg-search-body h3{
 color:#004aad!important;font-weight:600!important;letter-spacing:.004em!important;
}
.tycon-cg-mega-eyebrow,.tycon-cg-search-kicker{color:#ff9a33!important;letter-spacing:.14em}
.tycon-cg-mega-section h3{color:#535556!important;font-weight:600!important}
.tycon-cg-mega-home,.tycon-cg-mega-link,.tycon-cg-search-topics button{color:#004aad!important}
.tycon-cg-mobile-toggle{font-weight:600!important}
.tycon-cg-search-head p,.tycon-cg-mega-head p,.tycon-cg-link-note{font-family:var(--tycon-body-font)!important;color:#535556!important}
.tycon-cg-search-input{font-family:var(--tycon-body-font)!important}
.tycon-cg-search-submit{background:#004aad!important}
.tycon-cg-search-submit strong{font-weight:600!important}
.tycon-cg-search-topics button{font-weight:600!important}
@media(max-width:680px){.tycon-cg-search-head h2{font-size:clamp(38px,9vw,58px)!important}}


/* Tycon v26: legible Oswald labels, correct Tycon identity; glass surfaces unchanged. */
.tycon-cg-mega-head h2{font-size:clamp(29px,2.5vw,39px)!important;color:#004aad!important}
.tycon-cg-mega-section h3{font-size:12px!important;letter-spacing:.10em!important;color:#535556!important}
.tycon-cg-link-title{font-size:18px!important;font-weight:600!important;color:#004aad!important}
.tycon-cg-link-note{font-size:13px!important;line-height:1.4!important;color:#535556!important}
.tycon-cg-mega-home{font-size:15px!important;color:#004aad!important}
.tycon-cg-mega-eyebrow{font-size:12px!important}
.tycon-cg-mobile-home{font-size:16px!important}
/* v50: same blue-heading, gray-description typography as the desktop white-glass drawer. */
.tycon-cg-mobile-link .tycon-cg-link-title{font-size:19px!important;color:var(--tycon-cg-panel-ink)!important;text-shadow:none!important}
.tycon-cg-mobile-link .tycon-cg-link-note{color:var(--tycon-cg-panel-description)!important;text-shadow:none!important}
.tycon-cg-mobile-subheading{font-size:12px!important}
.tycon-cg-search-head h2,.tycon-cg-search-body h3{color:#004aad!important}
.tycon-cg-search-body h3{font-size:29px!important}
.tycon-cg-search-topics button{font-size:20px!important;font-weight:600!important;color:#004aad!important}
.tycon-cg-search-submit strong{font-size:20px!important}
.tycon-cg-search-body p{font-size:18px!important;color:#535556!important}
.tycon-cg-search-kicker{font-size:14px!important}
.tycon-cg-search-input{color:#535556!important}
.tycon-cg-search-field-icon{color:#004aad!important}
@media(max-width:520px){.tycon-cg-mobile-toggle{font-size:24px!important}.tycon-cg-search-topics button{font-size:19px!important}}

/* Exact Church BTT concept: 50 px translucent circle, white chevron, bottom-right. */
#btt-btn{position:fixed!important;right:18px!important;bottom:18px!important;z-index:9990!important;width:50px!important;height:50px!important;margin:0!important;padding:0!important;border:1px solid rgba(255,255,255,.48)!important;border-radius:13px!important;background:rgba(48,65,73,.24)!important;-webkit-backdrop-filter:blur(24px) saturate(145%);backdrop-filter:blur(24px) saturate(145%);box-shadow:0 13px 30px rgba(24,45,55,.15),0 3px 9px rgba(24,45,55,.08),inset 0 2px 1px rgba(255,255,255,.78),inset 0 -2px 3px rgba(31,54,65,.18),0 0 0 1px rgba(255,255,255,.13)!important;opacity:0!important;visibility:hidden!important;transform:translateY(7px);transition:opacity .16s ease,transform .18s ease,visibility 0s linear .18s;cursor:pointer!important;color:transparent!important;overflow:hidden}
#btt-btn::before{content:"";position:absolute;left:50%;top:54%;width:11px;height:11px;border-left:2px solid #fff;border-top:2px solid #fff;filter:drop-shadow(0 1px 4px rgba(15,35,45,.38));transform:translate(-50%,-50%) rotate(45deg)}#btt-btn.visible{opacity:1!important;visibility:visible!important;transform:none;transition:opacity .16s ease,transform .18s ease,visibility 0s}#btt-btn:hover,#btt-btn:focus-visible{background:rgba(255,255,255,.92)!important;outline:none!important}#btt-btn:hover::before,#btt-btn:focus-visible::before{border-color:#173d55;filter:none}
/* Remove former centered capsule without intercepting clicks or disturbing layout. */
#txc-back-top{display:none!important}
/* Protect future changes: the website content is never globally transformed or faded by this theme. */
@media(prefers-reduced-motion:reduce){#tycon-cg-header,#tycon-cg-header *,#tycon-cg-search *,#tycon-cg-search-scrim,.tycon-cg-mobile-drawer,.tycon-cg-mobile-scrim,#btt-btn{animation:none!important;transition:none!important}}
@media print{#tycon-cg-header,#tycon-cg-search,#btt-btn,.tycon-cg-mobile-drawer,.tycon-cg-mobile-scrim{display:none!important}}


/* v27: fail-safe repair: hide only after JS inspected an empty placeholder. Zoho's empty sitewide checkout-failure placeholder.
   Evidence: data-custom-checkout-alert-update + data-zs-failure-icon SVG.
   A decorative red X with no message must not occupy normal document flow.
   MutationObserver in the theme JS restores any real alert immediately when
   Zoho adds message text, rather than disabling Commerce error feedback. */
[data-custom-checkout-alert-update].theme-custom-checkout-failure-message.tycon-cg-alert-empty{
  display:none!important;
}
/* Real error messages remain available and do not grow the page below the footer. */
[data-custom-checkout-alert-update].theme-custom-checkout-failure-message.tycon-cg-alert-has-message{
  position:fixed!important;
  z-index:100590!important;
  top:calc(100px + env(safe-area-inset-top))!important;
  bottom:auto!important;
  right:clamp(12px,3vw,30px)!important;
  left:auto!important;
  max-width:min(470px,calc(100vw - 24px));
  box-sizing:border-box;
  border:1px solid rgba(224,36,43,.25);
  border-radius:14px;
  padding:12px;
  background:rgba(255,255,255,.96);
  box-shadow:0 15px 38px rgba(25,35,45,.18);
  color:#535556;
}
@media(max-width:991px){
  [data-custom-checkout-alert-update].theme-custom-checkout-failure-message.tycon-cg-alert-has-message{
    top:calc(104px + env(safe-area-inset-top))!important;
  }
}


/* ---- Stage 1 consolidated presentation ---- */
/* Tycon Commerce v27 / Stage 1 — consolidated safe legacy presentation.
 * Source: supplied live Settings > Custom CSS and Footer Code.
 * Out-of-scope on purpose: BTT (owned by shell), product tabs (Stage 2),
 * zoom (Stage 2), stock enforcement (Stage 3), shipping rate DOM (Stage 4).
 */

/* Product detail title identity. */
body .theme-product-name h1[data-zs-product-name],
body .theme-product-name [data-zs-product-name]{
  font-size:26px!important;color:#004aad!important;
}
/* Product detail tags are hidden; category browsing remains intact. */
.theme-product-detail-container ul.theme-tag-list-container{display:none!important;}
/* Original Spark list-style-18 gradient removal. */
.theme-product-list-style-18 .theme-product-box-content .theme-product-image-area::after{
  content:none!important;display:none!important;background:none!important;background-image:none!important;
}
/* Make the native Zoho quote icon understandable without replacing quote behavior. */
.theme-quote-container{position:relative;}
.theme-quote-container::after{
  content:"My Quote";position:absolute;top:130%;left:50%;transform:translateX(-50%);
  background:#222;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;
  line-height:1;white-space:nowrap;opacity:0;visibility:hidden;
  transition:opacity .15s ease;z-index:99999;pointer-events:none;
}
.theme-quote-container::before{
  content:"";position:absolute;top:118%;left:50%;transform:translateX(-50%);
  border:6px solid transparent;border-top-color:#222;opacity:0;visibility:hidden;
  transition:opacity .15s ease;z-index:99999;pointer-events:none;
}
.theme-quote-container:hover::after,.theme-quote-container:hover::before,
.theme-quote-container:focus-within::after,.theme-quote-container:focus-within::before{
  opacity:1;visibility:visible;
}
/* Native checkout form typography, without touching rate choices. */
.theme-checkout-details-title.active{font-weight:bold;}
h4.theme-checkout-details-title{font-size:22px!important;line-height:1.25;}
/* Original live footer category-description adjustment. */
@media(min-width:992px){html body .theme-category-description p{
  font-size:16px!important;line-height:28px!important;
}}
/* Legacy trademark class remains supported wherever Zoho content already has it.
 * v27's own navigation does not need a document-wide DOM text-walker. */
sup.tycon-heading-reg-mark{
  display:inline!important;margin-left:.03em;font-size:.5em!important;
  font-weight:inherit!important;line-height:0!important;vertical-align:super!important;
}


/* ---- Stage 1 consolidated presentation ---- */
/* Customer popover — stage 1 independent module; only affects custom glass header. */
#tycon-cg-header .tycon-cg-account-group{position:relative;display:inline-flex;align-items:center;
  justify-content:center;flex:0 0 auto;pointer-events:auto;}
#tycon-cg-header .tycon-cg-account-group>.tycon-cg-account{font-family:var(--tycon-cg-font)!important;}
#tycon-cg-header .tycon-cg-account-menu{
  position:absolute;z-index:50;right:0;top:calc(100% + 13px);width:236px;
  padding:9px;border:1px solid rgba(255,255,255,.85);border-radius:20px;
  background:rgba(248,248,246,.97);color:#535556;
  -webkit-backdrop-filter:blur(28px) saturate(130%);backdrop-filter:blur(28px) saturate(130%);
  box-shadow:0 22px 55px rgba(18,38,54,.22),inset 0 1px 0 #fff;
  pointer-events:auto;
}
#tycon-cg-header .tycon-cg-account-menu[hidden]{display:none!important;}
#tycon-cg-header .tycon-cg-account-menu-link{
  appearance:none;display:block;width:100%;box-sizing:border-box;min-height:39px;
  margin:0;padding:10px 12px;text-align:left;text-decoration:none!important;
  border:0;border-radius:11px;background:transparent;color:#004aad!important;
  font:600 14px/1.35 var(--tycon-body-font,system-ui)!important;
  cursor:pointer;white-space:normal;
}
#tycon-cg-header .tycon-cg-account-menu-link:hover,
#tycon-cg-header .tycon-cg-account-menu-link:focus-visible{
  background:rgba(0,74,173,.09);color:#00377e!important;outline:2px solid transparent;
}
#tycon-cg-header .tycon-cg-account-signout{
  margin-top:5px;border-top:1px solid rgba(50,78,100,.16);border-radius:0 0 10px 10px;
}
#tycon-cg-header .tycon-cg-account-group.is-open>.tycon-cg-account,
#tycon-cg-header .tycon-cg-account-group>.tycon-cg-account.is-open{
 background:rgba(255,255,255,.96)!important;color:#004aad!important;
 border-color:#fff!important;box-shadow:0 5px 15px rgba(20,40,65,.12)!important;
 text-shadow:none!important;
}
#tycon-cg-header .tycon-cg-account-group.is-open>.tycon-cg-account svg,
#tycon-cg-header .tycon-cg-account-group>.tycon-cg-account.is-open svg{stroke:#004aad!important}
/* A physical pointer can cross the space between the icon and its floating list. */
@media(hover:hover) and (pointer:fine){
 #tycon-cg-header .tycon-cg-account-group.is-open::after{
   content:"";position:absolute;left:0;right:0;top:100%;height:16px;pointer-events:auto;
 }
}
@media(max-width:991px){
 #tycon-cg-header .tycon-cg-account-menu{right:-45px;top:calc(100% + 14px);
   width:min(245px,calc(100vw - 18px));}
}


/* ==============================================================
   Tycon Product Experience v28 — Stage 2
   Scoped migration of live product fields, desktop tabs/mobile
   accordions, technical assets, 3D modal and desktop 70px zoom.
   Source: live Commerce Header/Footer + Custom CSS, consolidated.
   No selectors here modify carts, shipping, payment or navigation.
   ============================================================== */
.tyc-px-original-hidden{display:none!important}
.tyc-px-tabs{font-family:inherit;line-height:1.6;max-width:100%;margin:20px 0;color:#303743}
.tyc-px-tab-radio{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.tyc-px-tab-labels{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.tyc-px-tab-labels .tyc-px-tab-label{flex:1 1 auto;min-width:110px;text-align:center;padding:12px 16px;
  background:#fff;border:1px solid #004aad;color:#004aad;cursor:pointer;
  font-size:clamp(15px,1.35vw,20px);font-weight:700;line-height:1.35;box-sizing:border-box;white-space:nowrap;
  transition:background .18s ease,color .18s ease}
.tyc-px-tab-labels .tyc-px-tab-label:hover{background:#e9f1fb}
#tyc-px-tab-features:checked~.tyc-px-tab-labels label[for="tyc-px-tab-features"],
#tyc-px-tab-applications:checked~.tyc-px-tab-labels label[for="tyc-px-tab-applications"],
#tyc-px-tab-desc:checked~.tyc-px-tab-labels label[for="tyc-px-tab-desc"],
#tyc-px-tab-techlinks:checked~.tyc-px-tab-labels label[for="tyc-px-tab-techlinks"],
#tyc-px-tab-knowledgebase:checked~.tyc-px-tab-labels label[for="tyc-px-tab-knowledgebase"]{
  background:#004aad;color:#fff;border-color:#004aad}
.tyc-px-tabs .tyc-px-panels .tyc-px-tab-panel{display:none;padding:20px;border:1px solid #d9d9d9;background:#fff;min-height:60px}
#tyc-px-tab-features:checked~.tyc-px-panels [data-panel-for="features"],
#tyc-px-tab-applications:checked~.tyc-px-panels [data-panel-for="applications"],
#tyc-px-tab-desc:checked~.tyc-px-panels [data-panel-for="desc"],
#tyc-px-tab-techlinks:checked~.tyc-px-panels [data-panel-for="techlinks"],
#tyc-px-tab-knowledgebase:checked~.tyc-px-panels [data-panel-for="knowledgebase"]{display:block}
.tyc-px-tabs .tyc-px-tab-panel ul,.tyc-px-tabs .tyc-px-accordion-content ul{padding-left:23px;margin:0 0 10px}
.tyc-px-tabs .tyc-px-tab-panel li,.tyc-px-tabs .tyc-px-accordion-content li{margin-bottom:4px}
.tyc-px-tabs .tyc-px-tab-panel p,.tyc-px-tabs .tyc-px-accordion-content p{margin:0 0 12px}
.tyc-px-tabs .tyc-px-tab-panel a,.tyc-px-tabs .tyc-px-accordion-content a{color:#004aad}
.tyc-px-tabs .tyc-px-kb-frame{display:block;width:100%;height:500px;border:1px solid #e6e7eb;border-radius:6px;background:#fff}
.tyc-px-accordion{display:none}
.tyc-px-shortdesc{margin:12px 0;color:#333;line-height:1.6}
.tyc-px-shortdesc-text{margin:0 0 10px;color:#333;line-height:1.6}
.tyc-px-feature-heading{font-weight:700;color:#004aad;margin:10px 0 4px}
.tyc-px-short-features{list-style:none;padding:0!important;margin:0 0 12px!important;line-height:1.4}
.tyc-px-short-features li{margin:0 0 3px;padding:0}
.tyc-px-short-features li::before{content:'• ';color:#004aad}
.tyc-px-short-links,.tyc-px-technical-links{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:12px 0}
.tyc-px-technical-links{gap:24px}
.tyc-px-technical-link{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;
  gap:6px;text-decoration:none!important;color:#004aad!important;font-weight:600;font-size:12px;text-align:center;max-width:190px}
.tyc-px-technical-link img{display:block;object-fit:contain;height:80px;width:auto;max-width:170px}
.tyc-px-technical-links .tyc-px-technical-link img{height:100px}
.tyc-px-technical-link .tyc-px-compact-label{display:none}
.tyc-px-technical-link.tyc-px-no-icon .tyc-px-compact-label{display:inline}
.tyc-px-technical-link.tyc-px-no-icon{font-size:14px;border:1px solid #004aad;border-radius:9px;padding:10px}
.tyc-px-3d-trigger{border:0;background:transparent;cursor:pointer;color:#004aad;font-size:14px;font-weight:700;line-height:1.2;padding:3px 4px}
.tyc-px-3d-trigger img{max-width:112px;height:74px;width:auto;object-fit:contain}
.tyc-px-3d-fallback{display:none}
.tyc-px-3d-trigger.tyc-px-no-icon{border:1px solid #004aad;border-radius:8px;padding:10px 14px}
.tyc-px-3d-trigger.tyc-px-no-icon .tyc-px-3d-fallback{display:inline}
.tyc-px-3d-trigger:hover,.tyc-px-technical-link:hover{opacity:.77}
/* Full-screen 3D viewer; browser module is lazy-loaded when requested. */
.tyc-px-3d-overlay[hidden],.tyc-px-zoom-modal[hidden],.tyc-px-3d-controls[hidden]{display:none!important}
.tyc-px-3d-overlay{position:fixed;z-index:100700;inset:0;display:flex;align-items:center;justify-content:center;
  padding:20px;box-sizing:border-box;background:rgba(10,10,30,.92);backdrop-filter:blur(5px)}
.tyc-px-modal-open{overflow:hidden}
.tyc-px-3d-card{display:flex;max-width:800px;width:100%;height:min(78vh,630px);min-height:250px;
  background:#fff;border-radius:13px;overflow:hidden;box-shadow:0 8px 48px #0008}
.tyc-px-3d-card.settings-open{max-width:1120px}
.tyc-px-3d-region{position:relative;display:flex;flex:1;min-width:0;min-height:0}
.tyc-px-3d-region model-viewer{width:100%;height:100%;--poster-color:transparent}
.tyc-px-3d-header{position:absolute;top:12px;left:12px;right:12px;z-index:8;display:flex;align-items:center;gap:8px}
.tyc-px-3d-badge{margin-right:auto;border-radius:16px;padding:6px 12px;color:#004aad;background:#e8f1fb;
  font:700 10px/1.2 system-ui,sans-serif;letter-spacing:.09em}
.tyc-px-3d-settings,.tyc-px-3d-close{border:0;border-radius:18px;background:#eef0f2;color:#334;
  cursor:pointer;min-height:36px;padding:6px 12px;font:600 13px/1.2 system-ui,sans-serif}
.tyc-px-3d-close{width:36px;padding:0;font-size:25px}
.tyc-px-3d-settings:hover,.tyc-px-3d-close:hover{background:#dde4eb}
.tyc-px-3d-hint{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);z-index:4;
  margin:0!important;background:#fff9;border-radius:20px;padding:5px 14px;color:#555;font:12px/1.4 system-ui,sans-serif;
  white-space:normal;text-align:center;pointer-events:none}
.tyc-px-3d-controls{display:block;box-sizing:border-box;width:285px;min-width:285px;
  overflow-y:auto;padding:17px 18px;background:#f8f9fa;border-left:1px solid #e8e8e8}
.tyc-px-3d-controls h4{font:700 12px/1.3 system-ui,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#004aad;margin:0 0 14px}
.tyc-px-ctrl{display:flex;flex-direction:column;gap:6px;font:600 12px/1.4 system-ui,sans-serif;color:#4a525b;margin-bottom:15px}
.tyc-px-ctrl-heading{display:flex;justify-content:space-between;gap:8px}
.tyc-px-ctrl-heading strong{color:#004aad}
.tyc-px-ctrl input[type="range"],.tyc-px-ctrl input[type="file"],.tyc-px-ctrl select{width:100%;box-sizing:border-box;accent-color:#004aad}
.tyc-px-ctrl select{background:#fff;border:1px solid #d9d9d9;border-radius:6px;padding:8px}
.tyc-px-3d-copy{width:100%;border:1px solid #004aad;background:#fff;color:#004aad;
  border-radius:6px;font:700 12px/1.25 system-ui,sans-serif;padding:10px;cursor:pointer}
/* Magnifier: original gallery nodes are moved, never cloned or rewritten. */
.main-zoom-wrapper[data-tycon-zoom]{position:relative;display:block;overflow:hidden;border-radius:8px;margin:0 auto;max-width:100%!important;cursor:zoom-in}
.main-zoom-wrapper[data-tycon-zoom] img{display:block;width:100%;height:auto;transition:none!important;transform-origin:0 0}
.main-zoom-wrapper[data-tycon-zoom] .lens{position:absolute;left:0;top:0;width:70px;height:70px;
  box-sizing:border-box;border:2.2px solid rgba(255,255,255,.95);border-radius:50%;
  background:rgba(255,255,255,.22);backdrop-filter:blur(5px);pointer-events:none;opacity:0;
  transition:opacity .25s ease;z-index:10;box-shadow:0 0 20px #0008,inset 0 0 15px #fff6}
.tyc-px-zoom-modal{position:fixed;z-index:100710;inset:0;display:flex;align-items:center;justify-content:center;
  padding:3vw;box-sizing:border-box;background:rgba(0,0,0,.96)}
.tyc-px-zoom-modal img{max-width:96vw;max-height:96vh;width:auto;height:auto;object-fit:contain;
  border-radius:12px;box-shadow:0 0 50px #000}
.tyc-px-zoom-close{position:absolute;top:15px;right:22px;color:#fff;background:none;border:0;
  font-size:48px;line-height:1;cursor:pointer;z-index:2}
@media(max-width:768px){
  .tyc-px-tab-labels,.tyc-px-panels,.tyc-px-tab-radio{display:none!important}
  .tyc-px-accordion{display:block}
  .tyc-px-accordion details{display:block;margin:0 0 12px!important}
  .tyc-px-accordion summary{position:relative;display:block;padding:14px 45px 14px 16px;
    background:#fff;color:#004aad;border:1px solid #004aad;cursor:pointer;
    font-size:18px;font-weight:700;line-height:1.3;list-style:none}
  .tyc-px-accordion summary::-webkit-details-marker{display:none}
  .tyc-px-accordion summary::marker{content:''}
  .tyc-px-accordion summary::after{content:'+';position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:24px}
  .tyc-px-accordion details[open] summary{background:#004aad;color:#fff}
  .tyc-px-accordion details[open] summary::after{content:'−'}
  .tyc-px-accordion-content{padding:16px 20px;border:1px solid #d9d9d9;border-top:0;background:#fff;line-height:1.7}
  .tyc-px-3d-card{max-width:100%;height:min(86vh,720px);flex-direction:column}
  .tyc-px-3d-card.settings-open .tyc-px-3d-controls{width:100%;min-width:0;max-height:36vh;border-left:0;border-top:1px solid #e8e8e8}
  .tyc-px-3d-overlay{padding:11px}
}
@media(max-width:1024px){
  .main-zoom-wrapper[data-tycon-zoom]{overflow:visible!important;position:static!important}
  .main-zoom-wrapper[data-tycon-zoom] img{transform:none!important;max-width:100%!important;height:auto!important}
  .main-zoom-wrapper[data-tycon-zoom] .lens{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .tyc-px-3d-overlay *, .tyc-px-zoom-modal *,.main-zoom-wrapper[data-tycon-zoom] *{animation:none!important;transition:none!important}
}

/* v29 inventory presentation: product/catalog only, never checkout/payment */
[data-zs-product-id] p[data-variant-id][stock_available]{margin-block:7px 4px!important;line-height:1.35!important;font-family:inherit!important}
[data-zs-product-id] .cart-qty-info,[data-zs-product-id] .stock-limit-warning{box-sizing:border-box;max-width:100%}
[data-zs-product-id] .listing-stock-warning{line-height:1.35}

/* v31 coupon form parity */
html body .tycon-coupon-login-link{color:#004aad!important;text-decoration:underline!important;}




/* v48: The mobile header is a single fixed glass bar with its own page-entry space.
   It retracts upward on downward scrolling and fades back on upward scrolling.
   The slide-out stays attached to the same action bar and hamburger/X. */
@media(max-width:991px){
  #tycon-cg-header{
    position:fixed!important;top:0!important;left:0!important;right:0!important;
    opacity:1!important;transform:translate3d(0,0,0)!important;
    transition:transform .32s var(--tycon-cg-ease),opacity .25s ease!important;
    will-change:transform,opacity;
  }
  html.tycon-cg-ready #tycon-cg-header.tycon-cg-header-hidden{
    transform:translate3d(0,calc(-100% - 12px),0)!important;
    opacity:0!important;pointer-events:none!important;
  }
  html.tycon-cg-mobile-open #tycon-cg-header,
  html.tycon-cg-search-open #tycon-cg-header{
    transform:translate3d(0,0,0)!important;opacity:1!important;pointer-events:auto!important;
  }
}
/* No load-time entrance displacement; desktop scroll behavior remains native to v39. */
#tycon-cg-header{opacity:1!important}

/* V3.0 legacy catalog tabs compatibility; no unconditional native field hiding. */
  .zc-tabs {
    font-family: inherit;
    line-height: 1.6;
    max-width: 100%;
    margin: 20px 0;
  }

  .zc-tabs input[type="radio"] {
    display: none !important;
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .zc-tabs .tab-labels {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin-bottom: 0;
  }

  .zc-tabs .tab-labels label {
    padding: 10px 16px;
    border: 1px solid #d9d9d9;
    border-bottom: none;
    background: #f5f5f5;
    cursor: pointer;
    font-weight: bold;
    font-size: 18px;
    white-space: nowrap;
    transition: background 0.15s ease;
  }

  .zc-tabs .tab-labels label:hover {
    background: #e8e8e8;
  }

  .zc-tabs #tab-features:checked ~ .tab-labels label[for="tab-features"],
  .zc-tabs #tab-applications:checked ~ .tab-labels label[for="tab-applications"],
  .zc-tabs #tab-desc:checked ~ .tab-labels label[for="tab-desc"],
  .zc-tabs #tab-techlinks:checked ~ .tab-labels label[for="tab-techlinks"],
  .zc-tabs #tab-knowledgebase:checked ~ .tab-labels label[for="tab-knowledgebase"] {
    background: #ffffff;
    border-bottom: 2px solid #ffffff;
    color: #004aad;
  }

  .zc-tabs .panels .tab-panel {
    display: none;
    padding: 20px;
    border: 1px solid #d9d9d9;
    background: #ffffff;
    line-height: 1.7;
  }

  .zc-tabs #tab-features:checked ~ .panels #panel-features,
  .zc-tabs #tab-applications:checked ~ .panels #panel-applications,
  .zc-tabs #tab-desc:checked ~ .panels #panel-desc,
  .zc-tabs #tab-techlinks:checked ~ .panels #panel-techlinks,
  .zc-tabs #tab-knowledgebase:checked ~ .panels #panel-knowledgebase {
    display: block;
  }

  .zc-tabs .tab-panel ul { margin: 0; padding: 0 0 0 20px; }
  .zc-tabs .tab-panel ul li { margin-bottom: 4px; }
  .zc-tabs .tab-panel p { margin: 0 0 12px; }
  .zc-tabs .tab-panel p:last-child { margin-bottom: 0; }
  .zc-tabs .tab-panel a { color: #004aad; text-decoration: none; }
  .zc-tabs .tab-panel a:hover { text-decoration: underline; }

  @media (max-width: 768px) {
    .zc-tabs .tab-labels,
    .zc-tabs .panels .tab-panel {
      display: none !important;
    }
    .zc-tabs details { margin: 0 0 8px !important; }
    .zc-tabs details summary {
      background: #f5f5f5 !important;
      color: #004aad !important;
      border: 1px solid #d9d9d9 !important;
      padding: 12px 44px 12px 16px !important;
      font-size: 14px !important;
      font-weight: bold !important;
      cursor: pointer;
      position: relative;
      list-style: none !important;
    }
    .zc-tabs details summary::-webkit-details-marker,
    .zc-tabs details summary::marker { display: none !important; }
    .zc-tabs details summary::after {
      content: '+';
      position: absolute;
      right: 16px;
      top: 50%;
      transform: translateY(-50%);
      font-size: 18px;
      font-weight: 400;
      color: #666;
    }
    .zc-tabs details[open] summary {
      background: #004aad !important;
      color: #ffffff !important;
    }
    .zc-tabs details[open] summary::after {
      content: '−';
      color: #ffffff;
    }
    .zc-tabs details > div {
      padding: 16px !important;
      border: 1px solid #d9d9d9 !important;
      border-top: none !important;
      background: #ffffff !important;
      line-height: 1.7;
    }
  }

  @media (min-width: 769px) {
    .zc-tabs details { display: none !important; }
  }


/* Tycon Glass V3.2 — a single presentation owner for the shopping journey.
   Native Zoho nodes, forms, actions, prices and validation remain intact. */
html.tycon-commerce-route {--shop-blue:#004aad;--shop-ink:#243a50;--shop-muted:#617386;--shop-line:#dce5ec;--shop-surface:#f3f6f9;--shop-inset:clamp(18px,3vw,52px)}
html.tycon-commerce-route #main-content {color:#535556;min-width:0;background:linear-gradient(180deg,#f7f9fb,#f1f5f8);padding-bottom:48px}
html.tycon-commerce-route #main-content > .zpcontainer,
html.tycon-commerce-route #main-content > .theme-section > .zpcontainer,
html.tycon-commerce-route #main-content .content-area > .theme-section > .zpcontainer,
html.tycon-commerce-route #main-content > .zpcontent-container > .zpsection > .zpcontainer {
 width:100%;max-inline-size:100%;padding-inline:var(--shop-inset)!important;box-sizing:border-box;
}
html.tycon-commerce-route #main-content :is(.theme-breadcrumb-container,.theme-product-page-breadcrumb) {padding-block:22px;background:transparent}
html.tycon-commerce-route #main-content .theme-product-breadcrumb {font-size:13px;line-height:1.7;flex-wrap:wrap;gap:9px;color:var(--shop-muted)}
html.tycon-commerce-route #main-content :is(h1,h2,h3,h4,h5,h6,.theme-section-heading,.theme-checkout-details-title) {font-family:'Oswald',sans-serif;color:var(--shop-ink);line-height:1.2}
html.tycon-commerce-route #main-content :is(.theme-product-name a,.theme-product-breadcrumb a,.theme-cart-item-info a) {color:var(--shop-blue)!important}
html.tycon-commerce-route #main-content .tycon-shop-heading {padding-block:14px 28px}
html.tycon-commerce-route #main-content .tycon-shop-heading small {display:block;color:var(--shop-blue);font:700 11px/1.5 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}
html.tycon-commerce-route #main-content .tycon-shop-heading h1 {font-size:clamp(28px,3vw,42px);margin:0 0 10px}
html.tycon-commerce-route #main-content .tycon-shop-heading p {font-size:14px;color:var(--shop-muted);margin:0;max-width:60ch}
/* Product: balanced image stage and purchase card. Override the fixed 600px native gallery. */
html.tycon-commerce-route #main-content .theme-product-detail-container {display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:clamp(22px,3vw,44px);padding-block:4px 32px}
html.tycon-commerce-route #main-content .theme-product-detail-column {width:auto!important;min-width:0;max-width:100%;flex:none!important}
html.tycon-commerce-route #main-content .theme-product-detail-image-container {border:1px solid var(--shop-line);border-radius:20px;background:#fff;padding:clamp(18px,2vw,32px)!important;box-shadow:0 12px 30px #19354c06}
html.tycon-commerce-route #main-content :is(.theme-product-detail-image,.theme-product-detail-image-inner) {width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;margin:0!important;left:auto!important;transform:none!important}
html.tycon-commerce-route #main-content .theme-product-detail-image-inner {display:flex;align-items:center;justify-content:center;aspect-ratio:1;overflow:hidden;border-radius:12px;background:#fff}
html.tycon-commerce-route #main-content .main-zoom-wrapper[data-tycon-zoom] {width:100%;max-width:100%!important;margin:0}
html.tycon-commerce-route #main-content .theme-product-detail-image-inner picture {display:block;width:100%;max-width:100%}
html.tycon-commerce-route #main-content .theme-product-detail-image-inner img {width:100%;height:auto;max-width:100%;object-fit:contain}
html.tycon-commerce-route #main-content .theme-product-detail-varients-container {border:1px solid var(--shop-line);border-radius:20px;background:#fff;padding:clamp(22px,2.5vw,36px)!important;box-shadow:0 16px 36px #19354c08}
html.tycon-commerce-route #main-content .theme-product-name {overflow-wrap:anywhere}
html.tycon-commerce-route #main-content .theme-product-detail-container .theme-product-name h1[data-zs-product-name] {font-size:clamp(26px,2.4vw,36px)!important;color:var(--shop-ink)!important;letter-spacing:-.02em}
html.tycon-commerce-route #main-content .theme-prod-non-returnable {display:inline-flex;align-items:center;min-height:0;border:1px solid #e3e9ee;border-radius:6px;background:#f5f7f9;color:var(--shop-muted);padding:6px 10px;font-size:11px;line-height:1.4}
html.tycon-commerce-route #main-content .theme-product-detail-price-area {display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-block:20px}
html.tycon-commerce-route #main-content .theme-product-price {color:var(--shop-ink);font-weight:700}
html.tycon-commerce-route #main-content .theme-product-detail-container .theme-product-price {font-size:32px;line-height:1.2;letter-spacing:-.025em}
html.tycon-commerce-route #main-content p[data-variant-id][stock_available] {display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px!important;line-height:1.5!important;margin:0!important}
html.tycon-commerce-route #main-content .theme-product-variants-row {padding-block:22px;border-block:1px solid #e5ebf0;margin-top:16px}
html.tycon-commerce-route #main-content .theme-product-quantity-cart-container {display:grid!important;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start;width:100%}
/* Zoho nests spinner, button, errors and stock summary INSIDE this same wrapper. */
html.tycon-commerce-route #main-content .theme-product-varient-quantity {display:grid!important;grid-template-columns:148px minmax(0,1fr);gap:14px;align-items:start;width:100%!important;min-width:0;margin:0!important}
html.tycon-commerce-route #main-content .theme-product-varient-quantity > .theme-product-quantity-spinner {grid-column:1;grid-row:1;width:148px}
html.tycon-commerce-route #main-content .theme-product-varient-quantity > .theme-button-area {grid-column:2;grid-row:1}
html.tycon-commerce-route #main-content .theme-product-varient-quantity > [data-theme-error] {grid-column:1/-1}
html.tycon-commerce-route #main-content .theme-product-varient-quantity > .out-of-stock-msg {grid-column:1/-1}
html.tycon-commerce-route #main-content .theme-product-quantity-spinner {width:128px;height:48px;border:1px solid #c8d5e1;border-radius:9px;overflow:hidden;background:#fff}
html.tycon-commerce-route #main-content .theme-product-quantity-spinner input {height:46px;min-width:0;border-radius:0}
html.tycon-commerce-route #main-content .theme-button-area {width:100%;min-width:0;margin:0!important}
html.tycon-commerce-route #main-content .theme-button-area .theme-cart-button {width:100%!important;min-width:0;min-height:48px;margin:0!important;padding:12px 18px;font-size:15px;white-space:normal;justify-content:center}
html.tycon-commerce-route #main-content .cart-qty-info {grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;border:1px solid #bfd0e2;border-radius:10px;background:#fbfdff;color:#243a50;line-height:1.4;padding:16px;margin:0;text-align:left}
html.tycon-commerce-route #main-content .tycon-stock-metric {display:flex;flex-direction:column;gap:4px;min-width:0}
html.tycon-commerce-route #main-content .tycon-stock-metric + .tycon-stock-metric {border-left:1px solid #dce5ec;padding-left:18px;margin-left:10px}
html.tycon-commerce-route #main-content .tycon-stock-count {font:700 clamp(24px,2.1vw,30px)/1.1 var(--tycon-body-font);color:#004aad;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
html.tycon-commerce-route #main-content .tycon-stock-label {font-size:12px;color:#617386;line-height:1.4}
html.tycon-commerce-route #main-content .theme-product-detail-container p[stock_available] {max-width:100%;white-space:normal}
html.tycon-commerce-route #main-content .stock-limit-warning {grid-column:1/-1}
/* Native CTA and secondary controls, with visible focus and disabled states. */
html.tycon-commerce-route #main-content :is(.zpbutton-type-primary,a.theme-product-details) {background:var(--shop-blue)!important;color:#fff!important;border:1px solid var(--shop-blue)!important;border-radius:9px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.35;min-height:46px;padding:12px 20px;box-shadow:0 4px 10px #004aad14;transition:background .18s,box-shadow .18s}
html.tycon-commerce-route #main-content :is(.zpbutton-type-primary,a.theme-product-details):is(:hover,:focus-visible,:active) {background:#003b8a!important;color:#fff!important;border-color:#003b8a!important;box-shadow:0 6px 15px #004aad20}
html.tycon-commerce-route #main-content :is(.zpbutton-type-primary.zpbutton-outline,.zpbutton-outline) {background:#fff!important;color:var(--shop-blue)!important;box-shadow:none}
html.tycon-commerce-route #main-content :is(.zpbutton-type-primary.zpbutton-outline,.zpbutton-outline):is(:hover,:focus-visible,:active) {background:#edf4fc!important;color:var(--shop-blue)!important;border-color:var(--shop-blue)!important}
html.tycon-commerce-route #main-content :is(button,a,input,select,textarea):focus-visible {outline:3px solid #ff9a33;outline-offset:3px}
html.tycon-commerce-route #main-content :is(button,input)[disabled] {opacity:.5!important;cursor:not-allowed!important}
/* Catalog: consistent product cards, contained imagery, readable detail/actions. */
html.tycon-commerce-route #main-content .theme-prod-box {padding:12px;min-width:0}
html.tycon-commerce-route #main-content .theme-product-box-content {height:100%;border:1px solid var(--shop-line);border-radius:16px;background:#fff;box-shadow:0 8px 20px #1d3f5406;overflow:hidden;transition:border-color .18s,box-shadow .18s}
html.tycon-commerce-route #main-content .theme-product-box-content:hover {border-color:#b5cbe0;box-shadow:0 12px 30px #1d3f5410}
html.tycon-commerce-route #main-content .theme-prod-box .theme-product-image-area {width:100%;height:auto;aspect-ratio:4/3;max-height:320px;background:#fff}
html.tycon-commerce-route #main-content .theme-prod-box .theme-product-image-area img {object-fit:contain;max-width:100%;max-height:100%}
html.tycon-commerce-route #main-content .theme-prod-box .theme-product-details-area {background:#fff!important;padding:20px!important;gap:12px!important;border-top:1px solid #eef2f5}
html.tycon-commerce-route #main-content .theme-prod-box .theme-product-name {font-size:17px;font-weight:600;line-height:1.4;min-height:0}
html.tycon-commerce-route #main-content .theme-product-rating-variants:empty {height:0}
html.tycon-commerce-route #main-content a.theme-product-details {display:flex;align-items:center;justify-content:center;min-width:0}
html.tycon-commerce-route #main-content .theme-product-quick-view {border:1px solid #c8d5e1!important;border-radius:9px;color:var(--shop-blue)}
html.tycon-commerce-route #main-content .theme-collection-heading-view-all {padding-block:14px 22px}
/* Cart: a product table card and a dedicated order summary. */
html.tycon-commerce-route #main-content .theme-cart-body:not(.theme-cart-empty) {display:grid!important;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start;padding:0 0 28px;min-width:0}
html.tycon-commerce-route #main-content .theme-shopping-cart-table-container {width:auto;min-width:0;border:1px solid var(--shop-line);border-radius:16px;background:#fff;overflow:hidden}
html.tycon-commerce-route #main-content .theme-cart-body .theme-cart-summary-container {width:auto;min-width:0;flex:none;padding:0}
html.tycon-commerce-route #main-content .theme-cart-summary-inner-container {padding:26px;background:#fff;border:1px solid var(--shop-line);border-radius:16px;position:static!important;box-shadow:0 10px 25px #15375106}
html.tycon-commerce-route #main-content .tycon-order-heading {font-size:22px;margin:0 0 22px}
html.tycon-commerce-route #main-content .theme-cart-summary-details {font-size:14px;line-height:1.7}
html.tycon-commerce-route #main-content .theme-cart-body .theme-cart-table-row:is([data-cart-item],.theme-cart-head) {display:grid;grid-template-columns:minmax(0,1fr) 120px 115px;gap:14px;padding:22px;align-items:start;border-color:#e6edf2;width:100%}
html.tycon-commerce-route #main-content .theme-cart-table-row::after {display:none}
html.tycon-commerce-route #main-content .theme-cart-table-row .theme-cart-table-data {width:auto;min-inline-size:0;min-width:0;flex:none;margin:0;display:flex}
html.tycon-commerce-route #main-content .theme-cart-table-data.theme-cart-items {margin:0}
html.tycon-commerce-route #main-content .theme-cart-body .theme-cart-head {padding:15px 22px;background:#f7f9fb;color:var(--shop-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.09em}
html.tycon-commerce-route #main-content .theme-cart-table-data.theme-cart-control {grid-column:1/-1;order:initial;margin:0;padding:0 0 0 110px}
html.tycon-commerce-route #main-content .theme-cart-item-img {width:88px!important;height:100px!important;flex:0 0 88px;background:#fff;border-radius:8px}
html.tycon-commerce-route #main-content .theme-cart-item-info {font-size:14px;line-height:1.5;padding-inline-start:18px!important;min-width:0;overflow-wrap:anywhere}
html.tycon-commerce-route #main-content .theme-cart-item-info .item-price {font-size:12px;margin-top:7px;color:var(--shop-muted)}
html.tycon-commerce-route #main-content .theme-cart-price-label {font-size:16px;font-weight:600;color:var(--shop-ink)}
html.tycon-commerce-route #main-content .theme-product-list-quantity {border-color:#c8d5e1!important;border-radius:8px;height:38px!important;background:#fff}
html.tycon-commerce-route #main-content .theme-cart-body .theme-product-list-quantity input[type=text] {height:36px}
html.tycon-commerce-route #main-content .theme-cart-control .zpbutton {border:0;background:transparent;color:#617386;padding:3px 0;font-size:12px;text-decoration:underline}
/* Checkout: native process remains native; card structure and form rhythm are presentation only. */
html.tycon-commerce-route #main-content .theme-checkout-body {display:grid!important;grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:28px;min-width:0}
html.tycon-commerce-route #main-content .theme-checkout-details {width:auto!important;min-width:0;flex:none!important;border:1px solid var(--shop-line);border-radius:16px;background:#fff;padding:clamp(20px,2.6vw,36px)!important;box-shadow:0 8px 25px #15375104}
html.tycon-commerce-route #main-content .theme-checkout-body > .theme-cart-details {width:auto!important;flex:none!important;min-width:0;padding:24px!important;border:1px solid var(--shop-line);border-radius:16px;background:#fff;box-shadow:0 8px 25px #15375106}
html.tycon-commerce-route #main-content .theme-checkout-head {justify-content:flex-start;padding:0 0 24px}
html.tycon-commerce-route #main-content .theme-checkout-steps {counter-reset:checkout;display:flex;flex-wrap:wrap;width:100%;gap:12px;margin:0;padding:0}
html.tycon-commerce-route #main-content .theme-checkout-steps li {counter-increment:checkout;flex:1;min-width:0;padding:0!important;margin:0!important;border:0;list-style:none}
html.tycon-commerce-route #main-content .theme-checkout-steps li::after {display:none}
html.tycon-commerce-route #main-content .theme-checkout-steps li a {display:flex;align-items:center;gap:10px;padding:14px 16px!important;background:#e9eff5;border-radius:10px;color:#617386;font-size:13px;line-height:1.4;height:100%;border:1px solid transparent}
html.tycon-commerce-route #main-content .theme-checkout-steps li a::before {content:counter(checkout);flex:0 0 24px;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#fff;color:#617386;font-size:11px;font-weight:700}
html.tycon-commerce-route #main-content .theme-checkout-steps li a.active {background:#e9f1fc;color:var(--shop-blue);border-color:#bdd0e9;font-weight:600}
html.tycon-commerce-route #main-content .theme-checkout-steps li a.active::before {background:var(--shop-blue);color:white}
html.tycon-commerce-route #main-content .theme-checkout-steps > .theme-active-bar {display:none}
html.tycon-commerce-route #main-content .theme-checkout-details-title {font-size:22px!important;margin:0 0 20px!important}
html.tycon-commerce-route #main-content .theme-checkout-steps-content {padding:0!important}
html.tycon-commerce-route #main-content .theme-form-row {display:flex;flex-wrap:wrap;margin:0 0 18px;gap:18px}
html.tycon-commerce-route #main-content .theme-form-col {min-width:0;flex:1 1 220px;width:auto;padding-inline:0!important}
html.tycon-commerce-route #main-content .theme-form-col > label {font-size:12px;font-weight:600;color:#526477;margin-bottom:7px;line-height:1.5}
html.tycon-commerce-route #main-content .theme-checkout-input:not([type=checkbox]):not([type=radio]) {min-height:46px;border:1px solid #cdd8e3;border-radius:8px;background:#fff;color:#243a50;font-size:15px;padding:11px 12px;box-shadow:inset 0 1px 2px #233c4f03}
html.tycon-commerce-route #main-content textarea.theme-checkout-input {height:96px;min-height:96px;resize:vertical}
html.tycon-commerce-route #main-content .theme-phone-input-group {min-width:0;align-items:stretch}
html.tycon-commerce-route #main-content .theme-mobile-code-col {flex:0 0 92px;min-width:0;position:relative;overflow:hidden;border-radius:8px}
/* Native display overlays selected country text; it is not a second form field. */
html.tycon-commerce-route #main-content .theme-mobile-code-col .theme-checkout-country-code-display {position:absolute!important;inset:1px 26px 1px 1px!important;width:calc(100% - 27px)!important;height:calc(100% - 2px)!important;min-height:0!important;padding:0 0 0 8px!important;margin:0!important;border:0!important;border-radius:7px 0 0 7px!important;background:#fff!important;box-shadow:none!important;text-align:center;pointer-events:none;color:#243a50;font-size:15px}
/* Keep the real select interactive, but show selected text only in the native dial-code overlay. */
html.tycon-commerce-route #main-content .theme-mobile-code-col .theme-checkout-mobile-code-select {margin:0;width:100%;height:46px;color:transparent!important;text-shadow:none!important;appearance:none!important;-webkit-appearance:none!important;background-image:none!important}
html.tycon-commerce-route #main-content .theme-mobile-code-col .theme-checkout-mobile-code-select option {color:#243a50!important;background:#fff!important}
html.tycon-commerce-route #main-content .theme-mobile-code-col::before {content:none!important;display:none!important}
html.tycon-commerce-route #main-content .theme-mobile-code-col::after {content:""!important;display:block!important;position:absolute!important;inset:auto!important;right:12px!important;top:19px!important;width:7px!important;height:7px!important;border:0!important;border-right:2px solid #526477!important;border-bottom:2px solid #526477!important;transform:rotate(45deg)!important;background:none!important;pointer-events:none!important;z-index:3!important}
html.tycon-commerce-route #main-content .theme-mobile-code-col .theme-checkout-country-code-display {appearance:none!important;-webkit-appearance:none!important;z-index:2!important}
/* The native sticky inner wrapper could slide the coupon outside the padded card. */
html.tycon-commerce-route #main-content .theme-checkout-body > .theme-cart-details > .theme-cart-details-inner {position:static!important;top:auto!important;transform:none!important}
html.tycon-commerce-route #main-content :is(input[type=checkbox],input[type=radio]) {accent-color:var(--shop-blue)}
html.tycon-commerce-route #main-content #zs-coupon-form.theme-coupon-active {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid #e3eaf1;position:relative}
html.tycon-commerce-route #main-content #zs-coupon-form > label {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html.tycon-commerce-route #main-content #zs-coupon-code {width:100%;min-width:0;height:46px;margin:0!important}
html.tycon-commerce-route #main-content #zs-apply-coupon-code {min-width:68px;height:46px;margin:0!important;padding:10px 13px;justify-content:center}
html.tycon-commerce-route #main-content #zs-coupon-form > .theme-error {grid-column:1/-1;margin:0;min-width:0;overflow-wrap:anywhere}
html.tycon-commerce-route #main-content .theme-cart-details h4 {font-size:22px;margin-bottom:20px}
html.tycon-commerce-route #main-content .theme-cart-details-summary {font-size:14px;line-height:1.7}
html.tycon-commerce-route #main-content .theme-product-review {padding:20px 24px!important;background:#fff!important;border:1px solid var(--shop-line);border-radius:12px;color:var(--shop-ink)!important;font-size:16px!important;letter-spacing:.01em}
/* Native added-to-cart notification: below the glass shell, never under it. */
html.tycon-commerce-route .theme-cart-add-success-message {z-index:100580!important;top:var(--tycon-shop-toast-top,160px)!important;right:var(--shop-inset)!important;width:300px!important;max-width:calc(100vw - 36px);max-height:calc(100dvh - var(--tycon-shop-toast-top,160px) - 20px);overflow:auto;border:1px solid var(--shop-line);border-radius:14px;background:#fff;box-shadow:0 16px 50px #17334a26}
html.tycon-commerce-route .theme-cart-success-inner-container {padding:18px}
html.tycon-commerce-route .theme-cart-add-success-message .theme-cart-item .theme-cart-message-prod-img {height:240px}
/* Match the full native image selector so Zoho's cover rule cannot crop the product. */
html.tycon-commerce-route .theme-cart-add-success-message .theme-cart-success-inner-container .theme-cart-item .theme-cart-message-prod-img img {width:100%;height:100%;max-height:100%;object-fit:contain}
html.tycon-commerce-route .theme-cart-add-success-message .theme-cart-success-inner-container .theme-cart-item .theme-cart-success-item-details .theme-cart-message-prod-name {white-space:normal;overflow-wrap:anywhere;line-height:1.4}
html.tycon-commerce-route .theme-cart-add-success-message .theme-cart-message-buttons :is([data-zs-view-cart],[data-zs-view-mini-cart],[data-zs-view-quote]) {border:1px solid #004aad;border-radius:8px;min-height:44px;font-size:14px}
/* Commerce pages reserve the measured fixed mobile bar once, on Zoho's wrapper.
   Static hero pages keep their approved independent spacing controller. */
@media(max-width:991px){
 html.tycon-commerce-route body [data-zs-mobile-content-wrap].theme-mobile-content-wrap {padding-block-start:var(--tycon-shop-header-space,100px)!important}
 html.tycon-commerce-route #main-content .content-area > .theme-checkout-padding {padding-top:0!important}
 html.tycon-commerce-route #main-content > .zpcontent-container > .zpsection:has([data-zs-search-products]) {padding-block:24px 32px!important}
 html.tycon-commerce-route #main-content .theme-collection-heading-view-all-search {padding:0;margin:0 0 18px}
}
@media(max-width:600px){
 html.tycon-commerce-route #main-content .theme-prod-box {width:100%!important;min-width:0!important;max-width:100%;flex:0 0 100%!important;padding:0 0 18px}
 html.tycon-commerce-route #main-content .theme-prod-box .theme-product-box-content {height:auto;padding-bottom:0}
 html.tycon-commerce-route #main-content .theme-prod-box .theme-product-image-area {max-height:240px}
 html.tycon-commerce-route #main-content .theme-prod-box .theme-product-details-area {height:auto;min-height:0;gap:12px!important;padding:18px!important}
 html.tycon-commerce-route #main-content .theme-prod-box .theme-product-rating-variants {height:auto;min-height:0}
 html.tycon-commerce-route #main-content .theme-prod-box .theme-product-name-price {gap:10px}
 html.tycon-commerce-route #main-content .theme-prod-box .theme-product-name {height:auto!important;min-height:0;line-height:1.4!important;white-space:normal;overflow-wrap:anywhere}
 html.tycon-commerce-route #main-content .theme-prod-box .theme-product-detail-price-area {margin:0;gap:8px 12px}
 html.tycon-commerce-route #main-content .theme-prod-box .theme-view-details-quick-view {margin:0}
 html.tycon-commerce-route #main-content .theme-prod-box a.theme-product-details {width:100%;white-space:normal}
 html.tycon-commerce-route .theme-cart-add-success-message {top:auto!important;bottom:calc(16px + env(safe-area-inset-bottom))!important;right:16px!important;width:calc(100vw - 32px)!important;max-width:420px;max-height:min(360px,calc(100dvh - var(--tycon-shop-header-space,100px) - 32px));border-radius:14px}
 html.tycon-commerce-route .theme-cart-add-success-message .theme-cart-success-inner-container {padding:16px;gap:12px}
 html.tycon-commerce-route .theme-cart-add-success-message .theme-cart-item {display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;padding-right:24px}
 html.tycon-commerce-route .theme-cart-add-success-message .theme-cart-item .theme-cart-message-prod-img {width:72px;height:72px}
 html.tycon-commerce-route .theme-cart-add-success-message .theme-cart-message-prod-img img {max-height:72px;object-fit:contain}
 html.tycon-commerce-route .theme-cart-add-success-message .theme-cart-success-item-details .theme-cart-message-prod-name {white-space:normal;text-align:left;overflow-wrap:anywhere;line-height:1.4}
 html.tycon-commerce-route .theme-cart-add-success-message .theme-cart-message-text {padding:0;font-size:13px;line-height:1.5}
}
@media(min-width:1100px){html.tycon-commerce-route #main-content .theme-cart-summary-inner-container {position:sticky!important;top:24px}}
@media(max-width:991px){
 html.tycon-commerce-route #main-content .theme-product-detail-container {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
 html.tycon-commerce-route #main-content :is(.theme-checkout-body,.theme-cart-body:not(.theme-cart-empty)) {grid-template-columns:minmax(0,1fr)}
 html.tycon-commerce-route #main-content .theme-cart-summary-container {max-width:none}
}
@media(max-width:767px){
 html.tycon-commerce-route #main-content .theme-product-detail-container {grid-template-columns:minmax(0,1fr);gap:18px}
 html.tycon-commerce-route #main-content .theme-product-detail-image-container {padding:18px!important}
 html.tycon-commerce-route #main-content .theme-product-detail-image-inner {max-height:440px}
 html.tycon-commerce-route #main-content .theme-product-detail-varients-container {padding:22px!important}
 html.tycon-commerce-route #main-content .theme-product-quantity-cart-container {grid-template-columns:minmax(0,1fr);gap:12px}
 html.tycon-commerce-route #main-content .theme-product-varient-quantity {grid-template-columns:minmax(0,1fr);gap:14px}
 html.tycon-commerce-route #main-content .theme-product-varient-quantity > .theme-product-quantity-spinner {grid-column:1;grid-row:auto;width:100%;display:grid;grid-template-columns:48px minmax(0,1fr) 48px}
 html.tycon-commerce-route #main-content .theme-product-quantity-spinner input {width:100%!important;max-width:none;text-align:center}
 html.tycon-commerce-route #main-content .theme-product-varient-quantity > .theme-button-area {grid-column:1;grid-row:auto}
 html.tycon-commerce-route #main-content .theme-button-area .theme-cart-button {min-height:50px;font-size:16px}
 html.tycon-commerce-route #main-content .theme-cart-body .theme-cart-table-row:is([data-cart-item],.theme-cart-head) {grid-template-columns:minmax(0,1fr) 100px;gap:14px;padding:18px}
 html.tycon-commerce-route #main-content .theme-cart-body .theme-cart-table-row.theme-cart-head {display:none}
 html.tycon-commerce-route #main-content .theme-cart-table-data.theme-cart-items {grid-column:1/-1}
 html.tycon-commerce-route #main-content .theme-cart-table-data.theme-cart-control {grid-column:1/-1;padding:0}
 html.tycon-commerce-route #main-content .theme-cart-table-data.theme-cart-price-label {justify-self:end}
 html.tycon-commerce-route #main-content .theme-checkout-steps {gap:6px}
 html.tycon-commerce-route #main-content .theme-checkout-steps li a {padding:10px 8px!important;gap:6px;flex-direction:column;text-align:center;font-size:11px}
 html.tycon-commerce-route #main-content .theme-form-row {flex-direction:column;flex-wrap:nowrap;gap:16px;margin-bottom:16px;align-items:stretch}
 html.tycon-commerce-route #main-content .theme-form-row > .theme-form-col {flex:0 0 auto;width:100%;min-height:0;margin:0;padding-block:0}
 html.tycon-commerce-route #main-content .theme-checkout-details {padding:20px!important}
 html.tycon-commerce-route #main-content .theme-checkout-input:not([type=checkbox]):not([type=radio]) {font-size:16px}
 html.tycon-commerce-route #main-content .theme-checkout-details-title {margin-bottom:18px!important}
 html.tycon-commerce-route #main-content .theme-checkout-body {gap:20px}
 html.tycon-commerce-route #main-content .theme-prod-box .theme-product-details-area {padding:14px!important}
 html.tycon-commerce-route #main-content .tycon-shop-heading {padding-block:12px 22px}
}
@media(prefers-reduced-motion:reduce){html.tycon-commerce-route #main-content .theme-product-box-content {transition:none}}


/* V3.8 category presentation. Keep native content, filter controls and product actions. */
html.tycon-commerce-route #main-content[data-zs-category-id] {--category-gap:24px;color:#535556}
html.tycon-commerce-route #main-content[data-zs-category-id] > .theme-section {padding-block:0 20px!important}
html.tycon-commerce-route #main-content[data-zs-category-id] > .theme-section > .zpcontainer > .zprow {display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin:0}
html.tycon-commerce-route #main-content[data-zs-category-id] > .theme-section > .zpcontainer > .zprow > * {width:100%;max-width:100%;min-width:0;flex:none;padding-inline:0}
html.tycon-commerce-route #main-content[data-zs-category-id] > .theme-section > .zpcontainer > .zprow::before,
html.tycon-commerce-route #main-content[data-zs-category-id] > .theme-section > .zpcontainer > .zprow::after {display:none}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-category-name-description {width:100%;max-width:none;padding:0;margin:0;gap:24px}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-category-description {width:100%;max-width:none;min-width:0;font-size:15px;line-height:1.7}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-category-name-count {display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;padding:0!important;margin:0 0 16px!important}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-category-name {color:#004aad!important;font-size:clamp(30px,3vw,44px);margin:0!important;line-height:1.15}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-product-count {font:500 12px/1.5 var(--tycon-body-font);color:#535556;border:1px solid #dce5ec;background:#fff;border-radius:20px;padding:6px 12px}
/* Existing editor-safe Tycon descriptions become a responsive hero and feature grid. */
html.tycon-commerce-route #main-content[data-zs-category-id] .tycon-collection-description {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%!important;max-width:none!important;padding:0!important;margin:0!important;line-height:1.6!important}
html.tycon-commerce-route #main-content[data-zs-category-id] .tycon-collection-description > div:first-child {grid-column:1/-1;background:linear-gradient(125deg,#fff,#eaf1f7)!important;border:1px solid #d8e3ed!important;border-radius:20px;overflow:hidden!important}
html.tycon-commerce-route #main-content[data-zs-category-id] .tycon-collection-description > div:first-child :is(table,tbody) {display:block;width:100%!important;margin:0!important;border:0!important}
html.tycon-commerce-route #main-content[data-zs-category-id] .tycon-collection-description > div:first-child tr {display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;width:100%}
html.tycon-commerce-route #main-content[data-zs-category-id] .tycon-collection-description > div:first-child td {display:block;width:auto!important;min-width:0;padding:clamp(24px,3vw,44px)!important;background:transparent!important;border:0!important}
html.tycon-commerce-route #main-content[data-zs-category-id] .tycon-collection-description > div:first-child td + td {padding:22px!important}
html.tycon-commerce-route #main-content[data-zs-category-id] .tycon-collection-description h2 {font-size:clamp(26px,2.7vw,38px)!important;color:#004aad!important;line-height:1.15!important;margin:0 0 14px!important;max-width:24ch}
html.tycon-commerce-route #main-content[data-zs-category-id] .tycon-collection-description td p {font-size:16px!important;line-height:1.7!important;max-width:62ch;color:#526477!important}
html.tycon-commerce-route #main-content[data-zs-category-id] .tycon-collection-description td img {width:100%!important;max-width:340px!important;height:auto!important;max-height:300px;object-fit:contain;margin:auto!important;filter:drop-shadow(0 12px 14px #243a5010)}
html.tycon-commerce-route #main-content[data-zs-category-id] .tycon-collection-description > div:not(:first-child) {width:100%!important;min-width:0;margin:0!important;padding:18px 20px!important;border:1px solid #dce5ec!important;border-left:3px solid #ff9a33!important;border-radius:12px;background:#fff!important}
html.tycon-commerce-route #main-content[data-zs-category-id] .tycon-collection-description > div:not(:first-child) strong {display:block;color:#004aad!important;font-size:16px!important;line-height:1.4;margin-bottom:5px}
html.tycon-commerce-route #main-content[data-zs-category-id] .tycon-collection-description > div:not(:first-child) span {font-size:14px!important;line-height:1.6!important;color:#535556!important}
html.tycon-commerce-route #main-content[data-zs-category-id] .tycon-collection-description > p {grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:4px 0 0!important;font-size:14px!important;line-height:1.6!important}
html.tycon-commerce-route #main-content[data-zs-category-id] .tycon-collection-description > p a {display:inline-flex;align-items:center;min-height:42px;padding:9px 15px;background:#fff;border:1px solid #bfd0e2;border-radius:8px;color:#004aad!important;font-size:14px;line-height:1.5}
html.tycon-commerce-route #main-content[data-zs-category-id] .tycon-collection-description > p a:hover {background:#e9f1fc;border-color:#004aad}
/* Category toolbar is its own row, not a competing half-width header column. */
html.tycon-commerce-route #main-content[data-zs-category-id] > .theme-section .theme-filter-sortby-container {align-self:stretch;margin:0;min-width:0}
html.tycon-commerce-route #main-content[data-zs-category-id] > .theme-section .theme-product-filter-icon-mobile-container:has(.theme-collection-sortby-section,.theme-product-filter-icon-mobile) {width:100%;display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:14px 16px;background:#fff;border:1px solid #dce5ec;border-radius:12px}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-collection-sortby-section {max-width:100%}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-custom-sort {border-color:#d0dce6;border-radius:8px;color:#243a50;background:#fff}
/* Grid ownership: remove the 25% + 75% + margin overflow from the native layout. */
html.tycon-commerce-route #main-content[data-zs-category-id] > .theme-collection-section {padding-block:0 40px!important;border:0;background:transparent}
html.tycon-commerce-route #main-content[data-zs-category-id] > .theme-collection-section > .zpcontainer {width:100%;max-width:none;padding-inline:var(--shop-inset)!important;min-width:0}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-produt-category-list-row {display:block;width:100%!important;min-width:0;margin:0!important}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-produt-category-list-row > :is(.zpcol-md-12,.zpcol-sm-12) {width:100%;padding:0;min-width:0}
html.tycon-commerce-route #main-content[data-zs-category-id] [data-sort-by-products-target] {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0;min-width:0}
html.tycon-commerce-route #main-content[data-zs-category-id] [data-sort-by-products-target]::before,
html.tycon-commerce-route #main-content[data-zs-category-id] [data-sort-by-products-target]::after {display:none}
html.tycon-commerce-route #main-content[data-zs-category-id] [data-sort-by-products-target] > .theme-prod-box {width:100%!important;min-width:0!important;max-width:100%;flex:none!important;padding:0}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-prod-box .theme-product-box-content {height:100%;padding-bottom:0;display:flex;flex-direction:column}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-prod-box .theme-product-details-area {flex:1;display:flex;flex-direction:column;gap:14px!important;padding:20px!important;min-width:0}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-prod-box .theme-product-name {height:auto!important;min-height:0;line-height:1.45!important;white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:unset}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-prod-box .theme-product-rating-variants {height:auto;min-height:0}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-prod-box .theme-product-name-price {gap:10px}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-prod-box .theme-product-detail-price-area {margin:10px 0 0;gap:8px 12px;white-space:normal}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-prod-box .theme-product-short-description {height:auto;max-height:none;line-height:1.6;font-size:13px;color:#535556;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-top:8px}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-prod-box :is(.theme-product-list-addcart,.theme-view-details-quick-view) {margin-top:auto;padding-top:4px}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-prod-box .theme-product-button-area [data-zs-add-to-cart] {display:flex;align-items:center;justify-content:center;min-height:46px;width:100%;padding:12px 16px;border:1px solid #004aad;border-radius:9px;background:#004aad;color:#fff;font-size:14px;font-weight:600;line-height:1.4}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-prod-box .theme-product-button-area [data-zs-add-to-cart]:hover {background:#003b8a;color:#fff}
@media(min-width:992px){
 html.tycon-commerce-route #main-content[data-zs-category-id] > .theme-collection-section > .zpcontainer:has(> .theme-filters-container) {display:grid;grid-template-columns:248px minmax(0,1fr);gap:28px;align-items:start}
 html.tycon-commerce-route #main-content[data-zs-category-id] .theme-filters-container {width:100%;min-width:0;position:static}
 html.tycon-commerce-route #main-content[data-zs-category-id] > .theme-section .theme-collection-sortby-section {width:auto;margin:0}
}
@media(min-width:1600px){html.tycon-commerce-route #main-content[data-zs-category-id] [data-sort-by-products-target] {grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:601px) and (max-width:1199px){html.tycon-commerce-route #main-content[data-zs-category-id] [data-sort-by-products-target] {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:991px){
 html.tycon-commerce-route #main-content[data-zs-category-id] .theme-filters-container {position:static;width:auto}
 html.tycon-commerce-route #main-content[data-zs-category-id] .theme-filters-container .theme-produt-filter-row {z-index:100610;max-width:100vw}
 html.tycon-commerce-route #main-content[data-zs-category-id] > .theme-section .theme-product-filter-icon-mobile-container:has(.theme-collection-sortby-section,.theme-product-filter-icon-mobile) {gap:0;padding:10px 0}
 html.tycon-commerce-route #main-content[data-zs-category-id] .tycon-collection-description > div:first-child tr {grid-template-columns:minmax(0,1fr) minmax(0,.7fr)}
}
@media(max-width:600px){
 html.tycon-commerce-route #main-content[data-zs-category-id] .theme-category-name-count {gap:10px;margin-bottom:14px!important}
 html.tycon-commerce-route #main-content[data-zs-category-id] .tycon-collection-description {grid-template-columns:minmax(0,1fr);gap:12px}
 html.tycon-commerce-route #main-content[data-zs-category-id] .tycon-collection-description > div:first-child tr {grid-template-columns:minmax(0,1fr)}
 html.tycon-commerce-route #main-content[data-zs-category-id] .tycon-collection-description > div:first-child td {padding:24px!important}
 html.tycon-commerce-route #main-content[data-zs-category-id] .tycon-collection-description > div:first-child td + td {padding:0 24px 24px!important}
 html.tycon-commerce-route #main-content[data-zs-category-id] .tycon-collection-description td img {max-height:220px;max-width:260px!important}
 html.tycon-commerce-route #main-content[data-zs-category-id] .tycon-collection-description td p {font-size:14px!important;line-height:1.65!important}
 html.tycon-commerce-route #main-content[data-zs-category-id] [data-sort-by-products-target] {grid-template-columns:minmax(0,1fr);gap:18px}
 html.tycon-commerce-route #main-content[data-zs-category-id] .theme-prod-box .theme-product-details-area {padding:18px!important}
}


/* One content inset, with no inherited vertical padding from native containers. */
html.tycon-commerce-route #main-content[data-zs-category-id] > .theme-product-page-breadcrumb {padding-block:14px!important}
html.tycon-commerce-route #main-content[data-zs-category-id] > .theme-product-page-breadcrumb > .zpcontainer {width:100%;max-width:none;padding:0 var(--shop-inset)!important;box-sizing:border-box}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-product-breadcrumb,
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-product-breadcrumb .theme-last-breadcrumb-nav {color:#535556;font-size:13px;line-height:1.6}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-product-breadcrumb a {color:#004aad!important}
html.tycon-commerce-route #main-content[data-zs-category-id] > .theme-section > .zpcontainer {padding-block:0!important}
html.tycon-commerce-route #main-content[data-zs-category-id] [data-sort-by-products-target] {padding-block:0!important}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-produt-category-list-row > :is(.zpcol-md-12,.zpcol-sm-12) {padding-block:0!important}
/* Do not reserve a toolbar row when this category exposes no toolbar controls. */
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-filter-sortby-container:not(:has(select,button,a,[role="button"],.theme-collection-sortby-section,.theme-product-filter-icon-mobile,.theme-product-filter-selected-container)) {display:none}
/* RemotePro category editorial header. All styles owned by the theme, not the rich-text editor. */
#main-content #tycon-remotepro-intro {width:100%;margin:0;font-family:var(--tycon-body-font);color:#535556;isolation:isolate}
#main-content #tycon-remotepro-intro * {box-sizing:border-box}
#main-content #tycon-remotepro-intro .rp-hero {position:relative;display:flex;align-items:center;min-height:300px;padding:24px;overflow:hidden;border:1px solid #d1dce6;border-radius:24px;background:#233746 url('https://www.tyconsystems.com/images/web/tycon-solar-hero-desktop.webp?v=20260603') center 52%/cover no-repeat}
#main-content #tycon-remotepro-intro .rp-hero::before {content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(10,24,38,.65),rgba(10,24,38,.22) 55%,rgba(10,24,38,.02))}
#main-content #tycon-remotepro-intro .rp-hero-panel {position:relative;z-index:1;width:min(62%,650px);padding:22px 26px;border:1px solid rgba(255,255,255,.30);border-radius:18px;background:linear-gradient(135deg,rgba(19,37,54,.84),rgba(26,45,58,.60));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 50px #0002;color:#fff}
#main-content #tycon-remotepro-intro .rp-eyebrow {display:flex;align-items:center;gap:10px;margin:0 0 10px;font:700 10px/1.5 var(--tycon-body-font);letter-spacing:.15em;text-transform:uppercase;color:#ffb568}
#main-content #tycon-remotepro-intro .rp-eyebrow::before {content:"";width:28px;height:2px;flex:none;background:#ff9a33}
#main-content #tycon-remotepro-intro h2 {margin:0 0 12px!important;color:#fff!important;font-family:var(--tycon-heading-font)!important;font-size:clamp(32px,3.2vw,46px)!important;font-weight:600;line-height:1.02!important;letter-spacing:-.025em;max-width:24ch}
#main-content #tycon-remotepro-intro h2 span {color:#ffb568}
#main-content #tycon-remotepro-intro .rp-intro {margin:0!important;font-size:14px;line-height:1.65;color:#edf3f8;max-width:58ch}
#main-content #tycon-remotepro-intro .rp-actions {display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
#main-content #tycon-remotepro-intro .rp-action {display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:10px 14px;border:1px solid #ffffff65;border-radius:9px;color:#fff!important;background:#ffffff0e;text-decoration:none!important;font:600 13px/1.4 var(--tycon-body-font);text-align:center;transition:background .18s,border-color .18s}
#main-content #tycon-remotepro-intro .rp-action-primary {background:#ff9a33;border-color:#ff9a33;color:#172c40!important}
#main-content #tycon-remotepro-intro .rp-action:hover {background:#ffffff25;border-color:#fff}
#main-content #tycon-remotepro-intro .rp-action-primary:hover {background:#ffb568;border-color:#ffb568}
#main-content #tycon-remotepro-intro a:focus-visible {outline:3px solid #ff9a33;outline-offset:4px}
#main-content #tycon-remotepro-intro .rp-components {display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;padding-top:20px;border-top:1px solid #ffffff30}
#main-content #tycon-remotepro-intro .rp-components span {padding:5px 9px;border:1px solid #ffffff30;border-radius:5px;color:#e4edf4;font-size:10px;line-height:1.5;letter-spacing:.02em}
#main-content #tycon-remotepro-intro .rp-applications {position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,2fr);gap:24px;margin:16px 0 0;padding:24px;border:1px solid #dce5ec;border-radius:18px;background:#fff;box-shadow:0 12px 30px #243a5007}
#main-content #tycon-remotepro-intro .rp-section-label {display:block;margin:0 0 10px;font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#004aad}
#main-content #tycon-remotepro-intro h3 {margin:0 0 12px!important;color:#004aad!important;font:500 clamp(26px,2.5vw,34px)/1.15 var(--tycon-heading-font)!important}
#main-content #tycon-remotepro-intro .rp-applications p {margin:0;color:#535556;font-size:13px;line-height:1.7}
#main-content #tycon-remotepro-intro .rp-application-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}
#main-content #tycon-remotepro-intro .rp-application {display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;padding-top:14px;border-top:1px solid #dce5ec}
#main-content #tycon-remotepro-intro .rp-number {color:#c67a30;font:500 19px/1.3 var(--tycon-heading-font)}
#main-content #tycon-remotepro-intro .rp-application strong {display:block;margin-bottom:5px;color:#004aad;font-size:14px;line-height:1.4}
#main-content #tycon-remotepro-intro .rp-catalog-link {display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0 0;padding:0 2px;color:#535556;font-size:13px;line-height:1.6}
#main-content #tycon-remotepro-intro .rp-catalog-link strong {color:#243a50;font-weight:600}
html:has(#tycon-remotepro-intro) {scroll-behavior:smooth;scroll-padding-top:130px}
#tycon-remotepro-products {scroll-margin-top:130px}
@media(max-width:1100px){
 #main-content #tycon-remotepro-intro .rp-hero {min-height:280px;padding:20px;background-position:60% center}
 #main-content #tycon-remotepro-intro .rp-hero-panel {width:min(75%,590px)}
 #main-content #tycon-remotepro-intro .rp-applications {grid-template-columns:minmax(0,1fr);gap:22px;padding:26px}
}
@media(max-width:600px){
 #main-content #tycon-remotepro-intro .rp-hero {min-height:0;align-items:center;padding:14px;border-radius:18px;background-position:72% top}
 #main-content #tycon-remotepro-intro .rp-hero::before {background:linear-gradient(180deg,#0a182605 5%,#0a182620 30%,#0a1826bb 70%,#0a1826ee)}
 #main-content #tycon-remotepro-intro .rp-hero-panel {width:100%;padding:22px 20px;border-radius:13px;background:linear-gradient(135deg,#132536e6,#1a2d3ab8)}
 #main-content #tycon-remotepro-intro h2 {font-size:34px!important;max-width:24ch}
 #main-content #tycon-remotepro-intro .rp-intro {font-size:14px;line-height:1.7}
 #main-content #tycon-remotepro-intro .rp-actions {flex-direction:row;margin-top:16px}
 #main-content #tycon-remotepro-intro .rp-action {flex:1 1 170px;width:auto}
 #main-content #tycon-remotepro-intro .rp-components {gap:6px;margin-top:20px}
 #main-content #tycon-remotepro-intro .rp-applications {margin-top:14px;padding:24px 20px;border-radius:14px}
 #main-content #tycon-remotepro-intro .rp-application-grid {grid-template-columns:minmax(0,1fr);gap:18px}
 #main-content #tycon-remotepro-intro .rp-catalog-link {flex-direction:column;align-items:flex-start;gap:4px}
}
@media(prefers-reduced-motion:reduce){html:has(#tycon-remotepro-intro) {scroll-behavior:auto}}


/* V4.0 native category filters. No controls, state, requests or event handlers replaced. */
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-filters-container .theme-produt-filter-row {background:#fff;border:1px solid #dce5ec;border-radius:14px;box-shadow:0 8px 24px #243a5006;font-family:var(--tycon-body-font);color:#535556;gap:0!important}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-filters-container .theme-filters-header {gap:10px;padding:0 0 14px!important;margin:0;border-bottom:1px solid #dce5ec;color:#004aad;background:#fff}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-filters-container .theme-filters-header > div:not(.theme-product-filter-mobile-overlay) {font:600 20px/1.3 var(--tycon-heading-font);color:#004aad}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-filters-container .theme-filters-header > svg {width:18px;height:18px;fill:#004aad}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-filters-container .theme-filters-header > svg path {fill:#004aad}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-filters-container .theme-mobile-filters {width:100%;min-width:0;gap:0!important;padding:0!important}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-filters-container .theme-product-filter-box {width:100%;min-width:0;min-height:0!important;height:auto;margin:0!important;padding:0!important;border:0!important;border-bottom:1px solid #e5ebf0!important}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-filters-container .theme-product-filter-box:last-child {border-bottom:0!important}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-filters-container [data-zs-filter-option-name] {display:flex;align-items:center;gap:8px!important;width:100%;max-width:100%;min-height:46px;height:auto;margin:0!important;padding:14px 0!important;border:0!important;color:#004aad;font:600 13px/1.5 var(--tycon-body-font);cursor:pointer}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-filters-container [data-zs-filter-option-name] > span:last-child {flex:1;min-width:0;overflow-wrap:anywhere}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-filters-container :is(.theme-filter-expand-icon,.theme-filter-close-icon) {order:2;margin-left:auto!important;width:16px;height:16px;flex:0 0 16px!important}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-filters-container :is(.theme-filter-expand-icon,.theme-filter-close-icon) svg {width:14px;height:14px}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-filters-container :is(.theme-filter-expand-icon,.theme-filter-close-icon) svg path {fill:#617386}
/* Preserve Zoho's inline display:none on collapsed groups and inactive Clear links. */
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-filters-container [data-zs-filter-option-values-wrapper] {gap:8px!important;padding:0 0 16px!important;margin:0;min-width:0}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-filters-container .theme-product-filter-option-container {width:100%;min-width:0;margin:0!important;gap:8px;line-height:1.5}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-filters-container label.theme-product-filter-text {flex:1;min-width:0;padding-block:5px;font-size:13px;line-height:1.5;color:#535556;overflow-wrap:anywhere;cursor:pointer}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-filters-container .theme-product-filter-select-option {flex:0 0 18px;margin-inline-end:0!important;align-self:center}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-filters-container .theme-product-filter-custom-check {width:18px!important;height:18px!important;border:1px solid #b8cadb!important;border-radius:5px!important;background:#fff}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-filters-container .theme-product-filter-check:checked + .theme-product-filter-custom-check,
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-filters-container .theme-product-filter-custom-check[aria-checked="true"] {border-color:#004aad!important;background:#004aad}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-filters-container .theme-product-filter-option-container:has(.theme-product-filter-check:checked) label {color:#004aad;font-weight:600}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-filters-container .theme-product-filter-count {flex:none;padding:2px 6px!important;margin-inline:0!important;border-radius:5px;background:#f1f5f8;color:#617386;font-size:11px;line-height:1.5}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-filters-container .theme-product-filter-text button {min-width:0;padding:5px 0;white-space:normal;text-align:left;font:400 13px/1.5 var(--tycon-body-font);color:#535556;background:transparent}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-filters-container .theme-parent-category button {font-weight:600;color:#004aad}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-filters-container .theme-product-filter-text button:hover {color:#004aad;text-decoration:underline}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-filters-container .theme-product-filter-option-container ul li ul {margin-top:8px!important;padding-left:12px;border-left:1px solid #dce5ec}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-filters-container .theme-product-filter-option-container ul li ul li {margin:0 0 6px!important;align-items:center}
html.tycon-commerce-route #main-content[data-zs-category-id] :is(.theme-product-clear-filter,.theme-product-filter-show-more) {color:#004aad;font:500 12px/1.5 var(--tycon-body-font);text-decoration:underline;text-underline-offset:3px;padding-block:4px}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-filters-container :is(input[type="text"],input[type="number"],select) {max-width:100%;min-height:40px;padding:8px;border:1px solid #bfd0e2;border-radius:7px;font-size:14px;color:#535556;background:#fff}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-filters-container :is(button,a,[tabindex="0"],input,select):focus-visible {outline:2px solid #ff9a33;outline-offset:3px}
/* Existing selected-filter chips and the native Clear all action. */
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-product-filter-selected-container {align-items:center;gap:8px;padding:0!important;margin:0 0 18px!important;max-width:100%}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-product-filter-selected-label {margin:0 8px 0 0!important;color:#535556;font-size:12px;line-height:1.6}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-product-filter-selected-value {display:inline-flex;align-items:center;gap:8px;min-height:34px;max-width:100%;padding:7px 10px!important;margin:0!important;border:1px solid #bdd0e9;border-radius:8px;background:#edf4fc;color:#004aad;font-size:12px;line-height:1.5!important;overflow-wrap:anywhere}
html.tycon-commerce-route #main-content[data-zs-category-id] .theme-product-filter-selected-value svg {flex:none;width:14px;height:14px;fill:#004aad;cursor:pointer}
@media(min-width:992px){
 html.tycon-commerce-route #main-content[data-zs-category-id] .theme-filters-container .theme-produt-filter-row {position:static!important;width:100%;padding:18px!important;overflow:visible}
 html.tycon-commerce-route #main-content[data-zs-category-id] .theme-filters-container .theme-product-filter-mobile-overlay {display:none!important}
}
@media(max-width:991px){
 html.tycon-commerce-route #main-content[data-zs-category-id] .theme-filters-container .theme-produt-filter-row {position:fixed!important;top:calc(12px + env(safe-area-inset-top))!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;left:12px!important;width:min(380px,calc(100vw - 24px))!important;height:auto!important;max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:0 20px 20px!important;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;z-index:100610;transform:translateX(calc(-100% - 30px));visibility:hidden;opacity:0;box-shadow:none;transition:transform .24s ease,opacity .18s ease,visibility 0s linear .24s}
 html.tycon-commerce-route #main-content[data-zs-category-id] .theme-filters-container .theme-produt-filter-row.theme-mobile-filter-show {transform:translateX(0);visibility:visible;opacity:1;box-shadow:0 12px 40px #14263830,0 0 0 100vmax #14263873;transition:transform .24s ease,opacity .18s ease,visibility 0s}
 html.tycon-commerce-route #main-content[data-zs-category-id] .theme-filters-container .theme-filters-header {position:sticky;top:0;z-index:2;min-height:64px;padding:14px 0!important;background:#fff}
 html.tycon-commerce-route #main-content[data-zs-category-id] .theme-filters-container .theme-product-filter-mobile-overlay {position:static!important;display:flex!important;align-items:center;justify-content:flex-end;width:auto!important;height:auto!important;left:auto!important;margin-left:auto;background:transparent!important}
 html.tycon-commerce-route #main-content[data-zs-category-id] .theme-filters-container .theme-close-mobile-filter {position:static!important;width:40px!important;height:40px!important;padding:8px;border:1px solid #dce5ec;border-radius:9px;background:#f3f6f9!important;fill:#004aad;cursor:pointer}
 html.tycon-commerce-route #main-content[data-zs-category-id] .theme-product-filter-icon-mobile {min-height:44px;color:#004aad;font:600 13px/1.5 var(--tycon-body-font)}
 html.tycon-commerce-route #main-content[data-zs-category-id] .theme-product-filter-icon-mobile svg path {fill:#004aad}
}
@media(prefers-reduced-motion:reduce){html.tycon-commerce-route #main-content[data-zs-category-id] .theme-filters-container .theme-produt-filter-row {transition:none!important}}

/* V4.4 product fallback: only metadata successfully superseded is suppressed;
   preserve native readable fields if a replacement tab could not mount. */
.tyc-px-native-field-hidden{display:none!important}
/* Sanitized legacy description HTML loses inline widths. Restore a readable,
   responsive frame/table/image presentation without allowing arbitrary CSS. */
.tyc-px-tabs .tyc-px-tab-panel iframe:not(.tyc-px-kb-frame),
.tyc-px-tabs .tyc-px-accordion-content iframe:not(.tyc-px-kb-frame){
  display:block;max-width:100%;width:100%;min-height:500px;border:1px solid #d9d9d9;
}
.tyc-px-tabs .tyc-px-tab-panel img,.tyc-px-tabs .tyc-px-accordion-content img{max-width:100%;height:auto}
.tyc-px-tabs .tyc-px-tab-panel table,.tyc-px-tabs .tyc-px-accordion-content table{
  width:100%;max-width:100%;border-collapse:collapse;table-layout:auto;
}
.tyc-px-tabs .tyc-px-tab-panel,.tyc-px-tabs .tyc-px-accordion-content{overflow-wrap:anywhere;overflow-x:auto}
.tyc-px-copy-fallback{width:100%;min-height:130px;resize:vertical;box-sizing:border-box;
  border:1px solid #004aad;border-radius:6px;padding:10px;font:12px/1.5 monospace}
.tyc-px-copy-fallback[hidden]{display:none!important}
/* Existing legacy .zc-tabs: restore approved production blue/white active
   states without changing the new V4.3 .tyc-px-tabs design. */
.zc-tabs .tab-labels{gap:8px;margin-bottom:16px}
.zc-tabs .tab-labels label{flex:1 1 auto;min-width:110px;background:#fff;color:#004aad;
  border:1px solid #004aad;text-align:center;box-sizing:border-box}
.zc-tabs #tab-features:checked~.tab-labels label[for="tab-features"],
.zc-tabs #tab-applications:checked~.tab-labels label[for="tab-applications"],
.zc-tabs #tab-desc:checked~.tab-labels label[for="tab-desc"],
.zc-tabs #tab-techlinks:checked~.tab-labels label[for="tab-techlinks"],
.zc-tabs #tab-knowledgebase:checked~.tab-labels label[for="tab-knowledgebase"]{
  background:#004aad!important;color:#fff!important;border-color:#004aad!important;
}
@media(max-width:768px){
 .zc-tabs details summary{background:#fff!important;color:#004aad!important;border:1px solid #004aad!important}
 .zc-tabs details[open] summary{background:#004aad!important;color:#fff!important}
 .zc-tabs details summary .arrow{position:absolute;right:16px;top:50%;
   transform:translateY(-50%);transition:transform .3s ease}
 .zc-tabs details[open] summary .arrow{transform:translateY(-50%) rotate(180deg)}
 .zc-tabs details summary:has(.arrow)::after{content:none!important}
}