.elementor-30461 .elementor-element.elementor-element-8e9b5c1{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30461 .elementor-element.elementor-element-dcd781c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 10px;--row-gap:0px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30461 .elementor-element.elementor-element-08f72d4{--display:flex;--min-height:15rem;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-30461 .elementor-element.elementor-element-0610cb1 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-30461 .elementor-element.elementor-element-0610cb1.elementor-element{--align-self:center;}.elementor-30461 .elementor-element.elementor-element-0610cb1 img{border-radius:10px 10px 10px 10px;}.elementor-30461 .elementor-element.elementor-element-e5085f8 .ekit-btn-wraper .elementskit-btn{justify-content:center;}.elementor-30461 .elementor-element.elementor-element-e5085f8 > .elementor-widget-container{padding:0px 20px 0px 20px;}.elementor-30461 .elementor-element.elementor-element-e5085f8.elementor-element{--align-self:center;}.elementor-30461 .elementor-element.elementor-element-e5085f8 .elementskit-btn:hover{color:#ffffff;fill:#ffffff;}.elementor-30461 .elementor-element.elementor-element-e5085f8 .elementskit-btn{border-style:none;}.elementor-30461 .elementor-element.elementor-element-e5085f8 .elementskit-btn > :is(i, svg){font-size:19px;}.elementor-30461 .elementor-element.elementor-element-2025aa3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0.3rem 0rem;--row-gap:0.3rem;--column-gap:0rem;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-30461 .elementor-element.elementor-element-af2ceb6 .elementor-heading-title{font-family:var( --e-global-typography-89e6de4-font-family ), Sans-serif;font-size:var( --e-global-typography-89e6de4-font-size );font-weight:var( --e-global-typography-89e6de4-font-weight );text-transform:var( --e-global-typography-89e6de4-text-transform );line-height:var( --e-global-typography-89e6de4-line-height );letter-spacing:var( --e-global-typography-89e6de4-letter-spacing );}.elementor-30461 .elementor-element.elementor-element-2711b94 .elementor-heading-title{font-family:var( --e-global-typography-b1f507d-font-family ), Sans-serif;font-size:var( --e-global-typography-b1f507d-font-size );font-weight:var( --e-global-typography-b1f507d-font-weight );line-height:var( --e-global-typography-b1f507d-line-height );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-30461 .elementor-element.elementor-element-fbb419d .jet-listing-dynamic-terms{text-align:left;}.elementor-30461 .elementor-element.elementor-element-ba5d5b7 .ekit-btn-wraper .elementskit-btn{justify-content:center;}.elementor-30461 .elementor-element.elementor-element-ba5d5b7 .elementskit-btn:hover{color:#ffffff;fill:#ffffff;}.elementor-30461 .elementor-element.elementor-element-ba5d5b7 .elementskit-btn{border-style:none;}.elementor-30461 .elementor-element.elementor-element-ba5d5b7 .elementskit-btn > :is(i, svg){font-size:19px;}.elementor-30461 .elementor-element.elementor-element-ba5d5b7 .elementskit-btn > i, .elementor-30461 .elementor-element.elementor-element-ba5d5b7 .elementskit-btn > svg{margin-right:10px;}.rtl .elementor-30461 .elementor-element.elementor-element-ba5d5b7 .elementskit-btn > i, .rtl .elementor-30461 .elementor-element.elementor-element-ba5d5b7 .elementskit-btn > svg{margin-left:10px;margin-right:0;}.jet-listing-item.single-jet-engine.elementor-page-30461 > .elementor{width:600px;margin-left:auto;margin-right:auto;}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-30461 .elementor-element.elementor-element-0610cb1 img{border-radius:5px 5px 5px 5px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-30461 .elementor-element.elementor-element-af2ceb6 .elementor-heading-title{font-size:var( --e-global-typography-89e6de4-font-size );line-height:var( --e-global-typography-89e6de4-line-height );letter-spacing:var( --e-global-typography-89e6de4-letter-spacing );}.elementor-30461 .elementor-element.elementor-element-2711b94 .elementor-heading-title{font-size:var( --e-global-typography-b1f507d-font-size );line-height:var( --e-global-typography-b1f507d-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(min-width:768px){.elementor-30461 .elementor-element.elementor-element-08f72d4{--width:40%;}.elementor-30461 .elementor-element.elementor-element-2025aa3{--width:60%;}}@media(min-width:1600px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-30461 .elementor-element.elementor-element-af2ceb6 .elementor-heading-title{font-size:var( --e-global-typography-89e6de4-font-size );line-height:var( --e-global-typography-89e6de4-line-height );letter-spacing:var( --e-global-typography-89e6de4-letter-spacing );}.elementor-30461 .elementor-element.elementor-element-2711b94 .elementor-heading-title{font-size:var( --e-global-typography-b1f507d-font-size );line-height:var( --e-global-typography-b1f507d-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-30461 .elementor-element.elementor-element-8e9b5c1{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-30461 .elementor-element.elementor-element-af2ceb6 .elementor-heading-title{font-size:var( --e-global-typography-89e6de4-font-size );line-height:var( --e-global-typography-89e6de4-line-height );letter-spacing:var( --e-global-typography-89e6de4-letter-spacing );}.elementor-30461 .elementor-element.elementor-element-2711b94 .elementor-heading-title{font-size:var( --e-global-typography-b1f507d-font-size );line-height:var( --e-global-typography-b1f507d-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for elementskit-button, class: .elementor-element-e5085f8 *//* Primary */ .rc-btn-primary .elementskit-btn, .rc-btn-primary a.elementskit-btn { background-color: #081528 !important; color: #ffffff !important; border: 2px solid #081528 !important; border-radius: 8px !important; font-family: 'DM Sans', sans-serif !important; font-size: 14px !important; font-weight: 600 !important; padding: 10px 22px !important; fill: #ffffff !important; white-space: nowrap !important; transition: background 0.2s, border-color 0.2s !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; } .rc-btn-primary .elementskit-btn:hover, .rc-btn-primary a.elementskit-btn:hover { background-color: #0d2040 !important; border-color: #0d2040 !important; color: #ffffff !important; } .rc-btn-primary a.elementskit-btn i { display: inline-block !important; transform: rotate(-45deg) !important; transition: transform 0.3s ease !important; } .rc-btn-primary a.elementskit-btn:hover i { transform: rotate(0deg) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8e9b5c1 *//* ============================================================ LISTING ITEM CSS — Recab — matches the actual widget tree: Container (root) → rc-arch-card Container → rc-arch-card-body Container → rc-arch-card-image Image Button (view product) → rc-arch-btn-view Container → rc-arch-card-content Heading (manufacturer) → rc-arch-card-manufacturer Heading (title) → rc-arch-card-title Text Editor (description) → rc-arch-card-desc Dynamic Terms (badges) → rc-arch-card-tags Button (download datasheet) → rc-arch-btn-datasheet NOTE: rc-arch-card-image must have Direction: Column set in Elementor's own Layout tab (not just CSS) — verify this in the editor if the button still appears beside the image instead of underneath it. Also verify the 40/60 column width units are % not vw — vw breaks proportions when the grid's column count changes. ============================================================ */ :root { --rc-primary: #081528; --rc-accent: #E87337; --rc-text: #81848A; --rc-white: #FFFFFF; --rc-subtle: #F5F5F5; --rc-border: #EBEBEB; } /* Root card */ .rc-arch-card { border: 1px solid var(--rc-border) !important; border-radius: 12px !important; background: var(--rc-white) !important; overflow: hidden !important; transition: border-color 0.2s ease, box-shadow 0.2s ease !important; height: 100% !important; } .rc-arch-card:hover { border-color: var(--rc-text) !important; box-shadow: 0 4px 16px rgba(8, 21, 40, 0.06) !important; } /* Body wrapper — holds the two side-by-side columns (image+button / text) */ .rc-arch-card-body { display: flex !important; flex-direction: row !important; align-items: flex-start !important; flex-grow: 1 !important; } /* Left column: image + view product button, stacked vertically */ .rc-arch-card-image { background: transparent !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 12px !important; } .rc-arch-card-image { position: relative; width: 100%; max-width: 200px; aspect-ratio: 4/3; /* in between square (1/1) and 16/9 */ overflow: hidden; } .rc-arch-card-image img { width: 100%; height: 100%; object-fit: contain; /* or "contain" if you prefer full visibility */ } /* Content wrapper (right column) */ .rc-arch-card-content { display: flex !important; flex-direction: column !important; } .rc-arch-card-manufacturer .elementor-heading-title { font-family: 'DM Sans', sans-serif !important; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; color: var(--rc-text) !important; opacity: 0.75 !important; margin-bottom: 2px !important; } .rc-arch-card-title .elementor-heading-title { font-family: 'Manrope', sans-serif !important; font-size: 18px !important; font-weight: 600 !important; line-height: 1.3 !important; color: var(--rc-primary) !important; margin-bottom: 2px !important; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .rc-arch-card-desc .elementor-widget-container { font-family: 'Manrope', sans-serif !important; font-size: 13px !important; color: var(--rc-text) !important; line-height: 1.6 !important; overflow: hidden; margin-bottom: 2px !important; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } /* Badges (Dynamic Terms) — horizontally scrollable single row. Tags keep their natural size (no shrink/truncate); if they don't all fit, the row scrolls sideways instead of hiding/breaking them. */ .rc-arch-card-tags { display: flex !important; flex-wrap: nowrap !important; gap: 4px !important; overflow-x: auto !important; overflow-y: hidden !important; min-width: 0 !important; scroll-behavior: smooth !important; -webkit-overflow-scrolling: touch !important; padding-bottom: 4px !important; /* room for the scrollbar so it doesn't clip content */ } .rc-arch-card-tags .jet-listing-dynamic-terms { display: flex !important; flex-wrap: nowrap !important; gap: 4px !important; min-width: 0 !important; } .rc-arch-card-tags .jet-listing-dynamic-terms__link { flex: 0 0 auto !important; white-space: nowrap !important; border: 1px solid var(--rc-border) !important; border-radius: 6px !important; padding: 2px 8px !important; background: var(--rc-subtle) !important; font-family: 'DM Sans', sans-serif !important; font-size: 11px !important; font-weight: 600 !important; color: var(--rc-text) !important; text-decoration: none !important; } .rc-arch-card-tags .jet-listing-dynamic-terms__delimiter { display: none !important; } /* Thin, subtle scrollbar so it's visible but not intrusive */ .rc-arch-card-tags::-webkit-scrollbar { height: 4px; } .rc-arch-card-tags::-webkit-scrollbar-track { background: transparent; } .rc-arch-card-tags::-webkit-scrollbar-thumb { background: var(--rc-border); border-radius: 4px; } .rc-arch-card-tags::-webkit-scrollbar-thumb:hover { background: var(--rc-text); } .rc-arch-card-tags { scrollbar-width: thin !important; scrollbar-color: var(--rc-border) transparent !important; } /* View product button — left column, under the image */ .rc-arch-btn-view .elementskit-btn, .rc-arch-btn-view a.elementskit-btn { background-color: var(--rc-primary) !important; color: #ffffff !important; border: 2px solid var(--rc-primary) !important; border-radius: 8px !important; font-family: 'DM Sans', sans-serif !important; font-size: 14px !important; font-weight: 600 !important; padding: 13px 22px !important; width: 100% !important; fill: #ffffff !important; white-space: nowrap !important; transition: background 0.2s, border-color 0.2s !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; } .rc-arch-btn-view .elementskit-btn:hover, .rc-arch-btn-view a.elementskit-btn:hover { background-color: #0d2040 !important; border-color: #0d2040 !important; } .rc-arch-btn-view a.elementskit-btn i { display: inline-block !important; transform: rotate(0deg) !important; transition: transform 0.3s ease !important; } .rc-arch-btn-view a.elementskit-btn:hover i { transform: rotate(0deg) !important; } /* Download datasheet — right column, under the tags */ .rc-arch-btn-datasheet .elementskit-btn { background-color: transparent !important; color: var(--rc-text) !important; border: none !important; padding: 6px 0 !important; font-family: 'DM Sans', sans-serif !important; font-size: 12px !important; font-weight: 600 !important; width: auto !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; } .rc-arch-btn-datasheet .elementskit-btn:hover { color: var(--rc-accent) !important; } /* Responsive */ @media (max-width: 1024px) { .rc-arch-card-body { padding: 16px !important; gap: 16px !important; } } @media (max-width: 767px) { .rc-arch-card-title .elementor-heading-title { font-size: 16px !important; } /* Below this width the 2-column layout has no room to breathe — stack the two columns instead of forcing them side by side */ .rc-arch-card-body { flex-direction: column !important; } .rc-arch-card-image { width: 100% !important; } }/* End custom CSS */