/* Only loaded by catalog-menu-preview.html. */
.ta-flyout[hidden],.ta-flyout-shade[hidden]{display:none!important}
.ta-flyout-shade{position:fixed;inset:70px 0 0;background:#1023340b;z-index:400}
.ta-flyout{position:fixed;left:24px;z-index:410;display:grid;grid-template-columns:310px 410px;width:720px;max-width:calc(100vw - 48px);box-sizing:border-box;background:#fff;border:1px solid #e5e8eb;border-radius:12px;box-shadow:0 6px 24px #172b4226;overflow:hidden;color:#26343d;font:16px/1.35 Arial,sans-serif}
.ta-flyout-primary{overflow:auto;padding:12px 8px;background:#fff}
.ta-flyout-primary button{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:54px;padding:14px 18px;border:0;border-radius:7px;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}
.ta-flyout-primary button.is-active,.ta-flyout-primary button:hover{background:#edf4fb;color:#1769b5}
.ta-flyout-arrow{flex:0 0 12px;color:#89939c;font-size:23px;line-height:1}
.ta-flyout-secondary{min-width:0;overflow:auto;padding:26px 28px;border-left:1px solid #e9edf1;background:#fff}
.ta-flyout-secondary h2{margin:0 0 12px;font:700 21px/1.25 Arial,sans-serif;color:#213747}
.ta-flyout-secondary a{display:block;padding:11px 0;color:#26343d!important;text-decoration:none;font:15px/1.35 Arial,sans-serif}
.ta-flyout-secondary .ta-flyout-all{padding:0 0 18px;margin-bottom:8px;border-bottom:1px solid #e9edf1;color:#1769b5!important;font-weight:600}
.ta-flyout-secondary a:hover{color:#1769b5!important;text-decoration:underline}
.ta-flyout :focus-visible{outline:2px solid #1769b5;outline-offset:-2px;border-radius:4px}
.ta-flyout-preview .market-catalog.ta-flyout-active{background:#606e75!important}
.ta-flyout-preview .ta-sidebar-column{display:none!important}
.ta-flyout-preview .seamless-layout{grid-template-columns:minmax(0,1fr)!important}
@media(min-width:1500px){.ta-flyout{left:max(24px,calc((100vw - 1500px)/2 + 24px))}}
@media(max-width:760px){.ta-flyout{left:12px;max-width:calc(100vw - 24px);width:calc(100vw - 24px);grid-template-columns:43% 57%;font-size:13px}.ta-flyout-primary{padding:6px}.ta-flyout-primary button{padding:12px 9px;min-height:51px;gap:5px}.ta-flyout-secondary{padding:18px 14px}.ta-flyout-secondary h2{font-size:17px}.ta-flyout-secondary a{font-size:13px}}

.ta-flyout.is-root-only{grid-template-columns:310px;width:310px}.ta-flyout-secondary[hidden]{display:none!important}@media(max-width:760px){.ta-flyout.is-root-only{grid-template-columns:minmax(0,1fr);width:min(310px,calc(100vw - 24px))}}
/* White canvas for the local design review. */
html:has(body.ta-flyout-preview),body.ta-flyout-preview,body.ta-flyout-preview #stage,body.ta-flyout-preview #initial,body.ta-flyout-preview #stage>iframe{background:#fff!important}
body.ta-flyout-preview .seamless-layout,body.ta-flyout-preview .ta-persistent-prefix,body.ta-flyout-preview .ta-persistent-catalog{background:#fff!important}
/* Slightly larger type and artwork in the local review. */
.ta-flyout-primary button{font-size:18px;font-weight:700}
.ta-flyout-secondary nav a{font-size:16px;font-weight:700}
:is(.ta-flyout-preview,.ta-local-design-preview) .home-category-grid .home-category-toggle[data-home-page]{font-size:14px!important;font-weight:700!important;grid-template-rows:110px minmax(42px,auto)!important;min-height:184px}
:is(.ta-flyout-preview,.ta-local-design-preview) .home-category-grid .home-category-toggle[data-home-page] .home-category-art{width:100px!important;height:100px!important}
:is(.ta-flyout-preview,.ta-local-design-preview) .home-subcategory-grid .footer-clay-label{font-size:12px!important;font-weight:700!important;line-height:1.3!important}
:is(.ta-flyout-preview,.ta-local-design-preview) .home-subcategory-grid .footer-clay-art{width:72px!important;height:72px!important;flex-basis:72px!important}
@media(min-width:901px){.ta-flyout-preview .market-nav a{font-size:14px!important;font-weight:600!important}}
@media(max-width:900px){:is(.ta-flyout-preview,.ta-local-design-preview) .home-category-grid .home-category-toggle[data-home-page]{font-size:12px!important;grid-template-rows:80px minmax(42px,auto)!important;min-height:143px}:is(.ta-flyout-preview,.ta-local-design-preview) .home-category-grid .home-category-toggle[data-home-page] .home-category-art{width:72px!important;height:72px!important}}
@media(max-width:760px){.ta-flyout-primary button{font-size:14px}.ta-flyout-secondary nav a{font-size:14px}}
/* The header already provides search; omit the duplicate homepage block. */
html[data-page="home"] body.ta-local-design-preview .search-section{display:none!important}
/* Existing project artwork, shared with category cards. */
.ta-flyout-icon{display:inline-flex;align-items:center;justify-content:center;position:relative;width:38px;height:38px;flex:0 0 38px;overflow:hidden}
.ta-flyout-icon>img,.ta-flyout-icon>span,.ta-flyout-icon .ta-menu-clay,.ta-flyout-icon .glossy-category-icon{display:block!important;position:relative!important;width:38px!important;height:38px!important;min-width:0!important;max-width:38px!important;max-height:38px!important;margin:0!important;background-color:transparent!important;border:0!important;box-shadow:none!important;object-fit:contain!important}
.ta-flyout-icon img{width:100%!important;height:100%!important;object-fit:contain!important}
.ta-flyout-primary button{justify-content:flex-start;gap:12px;padding:11px 12px}
.ta-flyout-primary button>span:nth-child(2){flex:1;min-width:0}
.ta-flyout-secondary nav a{display:flex;align-items:center;gap:12px;padding:9px 0;min-height:42px}
.ta-flyout-secondary nav .ta-flyout-icon,.ta-flyout-secondary nav .ta-flyout-icon>img{width:36px!important;height:36px!important;flex-basis:36px}
@media(max-width:760px){.ta-flyout-primary button{gap:7px;padding:10px 7px}.ta-flyout-icon,.ta-flyout-icon>img,.ta-flyout-icon>span,.ta-flyout-icon .ta-menu-clay,.ta-flyout-icon .glossy-category-icon{width:28px!important;height:28px!important;flex-basis:28px;max-width:28px!important;max-height:28px!important}.ta-flyout-secondary nav a{gap:8px}.ta-flyout-secondary nav .ta-flyout-icon,.ta-flyout-secondary nav .ta-flyout-icon>img{width:28px!important;height:28px!important;flex-basis:28px}}

/* Compact footer for the local review. */
:is(.ta-flyout-preview,.ta-local-design-preview) .footer-navigation,
:is(.ta-flyout-preview,.ta-local-design-preview) .footer-contacts>h3,
:is(.ta-flyout-preview,.ta-local-design-preview) .footer-contacts>[data-request]{display:none!important}
html[data-palette=showcase] :is(.ta-flyout-preview,.ta-local-design-preview) .footer-main{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
:is(.ta-flyout-preview,.ta-local-design-preview) .footer-contacts{display:flex!important;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 24px;grid-column:1/-1;width:100%}
html[data-palette=showcase] :is(.ta-flyout-preview,.ta-local-design-preview) .footer-contacts>address,
html[data-palette=showcase] :is(.ta-flyout-preview,.ta-local-design-preview) .footer-contacts>a{margin:0!important;font-size:13px!important;line-height:1.6!important;font-style:normal;white-space:nowrap}
:is(.ta-flyout-preview,.ta-local-design-preview) .partner-ribbon,
:is(.ta-flyout-preview,.ta-local-design-preview) .company-scroll-viewport,
:is(.ta-flyout-preview,.ta-local-design-preview) .company-scroll-track,
:is(.ta-flyout-preview,.ta-local-design-preview) .company-scroll-group,
:is(.ta-flyout-preview,.ta-local-design-preview) .company-logo{background:transparent!important}
@media(max-width:650px){html[data-palette=showcase] :is(.ta-flyout-preview,.ta-local-design-preview) .footer-contacts>address{white-space:normal;text-align:center}.ta-local-design-preview .footer-contacts{gap:8px 18px}}

/* Company copy immediately below the centered footer identity. */
:is(.ta-flyout-preview,.ta-local-design-preview) .footer-main .footer-brand{justify-content:center!important;width:100%;grid-column:1/-1}
:is(.ta-flyout-preview,.ta-local-design-preview) .footer-main .about-company-section{grid-column:1/-1;width:100%;margin:0!important;padding:8px 0 16px!important;border:0!important;background:transparent!important}
:is(.ta-flyout-preview,.ta-local-design-preview) .footer-main .about-company-wrap{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
:is(.ta-flyout-preview,.ta-local-design-preview) .footer-main .about-company-content{width:100%;max-width:none!important}

/* News cards share the white page canvas. */
:is(.ta-flyout-preview,.ta-local-design-preview) .ta-context-mosaic,
:is(.ta-flyout-preview,.ta-local-design-preview) .ta-context-main,
:is(.ta-flyout-preview,.ta-local-design-preview) .ta-context-secondary,
:is(.ta-flyout-preview,.ta-local-design-preview) .ta-context-video,
:is(.ta-flyout-preview,.ta-local-design-preview) .ta-context-video button{background:transparent!important;box-shadow:none!important}
:is(.ta-flyout-preview,.ta-local-design-preview) .ta-context-video button{color:#233d52!important}
:is(.ta-flyout-preview,.ta-local-design-preview) .ta-context-mosaic{border-color:transparent!important}

/* Remove the second video teaser; retain the video inside news. */
.ta-local-design-preview .heater-video-teaser{display:none!important}
.ta-flyout-preview .header-brand-ribbon{min-height:0!important;padding-top:8px!important;padding-bottom:8px!important;gap:12px!important}
.ta-flyout-preview .header-brand-ribbon .header-brand-label{min-height:0!important;height:38px!important}
.ta-flyout-preview .header-brand-ribbon .brand-clay-logo,
.ta-flyout-preview .header-brand-ribbon .header-brand-label>img{height:34px!important;max-height:34px!important;width:100%!important;object-fit:contain!important}
body.ta-flyout-preview>.market-header{transition:transform .22s ease!important;will-change:transform}
body.ta-flyout-preview.ta-utility-hidden>.market-header{transform:translateY(-30px)!important}
@media(prefers-reduced-motion:reduce){body.ta-flyout-preview>.market-header{transition:none!important}}

/* Subcategory group: white canvas and a border matching its direction. */
:is(.ta-flyout-preview,.ta-local-design-preview) .home-category-panels,
:is(.ta-flyout-preview,.ta-local-design-preview) .home-category-panel,
:is(.ta-flyout-preview,.ta-local-design-preview) .home-subcategory-grid{background:transparent!important;box-shadow:none!important}
:is(.ta-flyout-preview,.ta-local-design-preview) .home-category-panel{border:0!important}
:is(.ta-flyout-preview,.ta-local-design-preview) .home-category-panel .home-subcategory-grid{border:1px solid #d8b14b!important;border-radius:10px!important}
:is(.ta-flyout-preview,.ta-local-design-preview) :is(#panel-diagnostics,#panel-alignment) .home-subcategory-grid{border-color:#7da893!important}
:is(.ta-flyout-preview,.ta-local-design-preview) :is(#panel-bearings,#panel-heaters,#panel-tools) .home-subcategory-grid{border-color:#709bc7!important}

/* Keep the original panel padding; its outer edge owns the group border. */
:is(.ta-flyout-preview,.ta-local-design-preview) .home-category-panel{padding:8px 10px!important;border:1px solid #d8b14b!important;border-radius:12px!important}
:is(.ta-flyout-preview,.ta-local-design-preview) :is(#panel-diagnostics,#panel-alignment){border-color:#7da893!important}
:is(.ta-flyout-preview,.ta-local-design-preview) :is(#panel-bearings,#panel-heaters,#panel-tools){border-color:#709bc7!important;--context-active:#e3effc;--context-line:#709bc7;--context-text:#1769b5}
:is(.ta-flyout-preview,.ta-local-design-preview) .home-category-panel .home-subcategory-grid{border:0!important;border-radius:0!important}

/* Subtle alternating rows follow the three catalogue groups. */
.ta-local-design-preview{--ta-table-stripe:#f8fafc;--ta-table-heading:#f1f4f8}
.ta-local-design-preview[data-table-group="yellow"]{--ta-table-stripe:#fdfbf5;--ta-table-heading:#f8f4e8}
.ta-local-design-preview[data-table-group="green"]{--ta-table-stripe:#f7faf8;--ta-table-heading:#eff5f0}
.ta-local-design-preview .ta-parameter-table tbody tr:nth-child(odd){background:#fff!important}
.ta-local-design-preview .ta-parameter-table tbody tr:nth-child(even){background:var(--ta-table-stripe)!important}
.ta-local-design-preview .ta-parameter-table thead th{background:var(--ta-table-heading)!important}

/* Soft neutral request form, shared across catalogue groups. */
:is(.ta-flyout-preview,.ta-local-design-preview) .compact-request-cta{background:#f5f6f7!important}

/* Row-header cells are product data, not blue column headings. */
.ta-local-design-preview .ta-parameter-table tbody tr>td,
.ta-local-design-preview .ta-parameter-table tbody tr>th{background:transparent!important}
.ta-local-design-preview .ta-parameter-table tbody tr>th.classic-grease-code-cell[data-brand="SKF"]{background:var(--grease-cell-color)!important;color:var(--grease-text-color)!important}
