.elementor-13069 .elementor-element.elementor-element-1313e36{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13069 .elementor-element.elementor-element-4e4b49c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--gap:56px 56px;--row-gap:56px;--column-gap:56px;}.elementor-13069 .elementor-element.elementor-element-3f6158f{--display:flex;--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:center;--align-items:flex-start;}.elementor-13069 .elementor-element.elementor-element-733e252 > .elementor-widget-container{margin:0px 0px 24px 0px;}.elementor-13069 .elementor-element.elementor-element-733e252 .woocommerce-breadcrumb{font-size:14px;font-weight:400;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-13069 .elementor-element.elementor-element-77d1956 .elementor-heading-title{color:var( --e-global-color-secondary );}.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 );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-13069 .elementor-element.elementor-element-8feae1c{--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:12px 12px;--row-gap:12px;--column-gap:12px;--flex-wrap:wrap;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{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 );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-13069 .elementor-element.elementor-element-4186757 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-13069 .elementor-element.elementor-element-4186757 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-13069 .elementor-element.elementor-element-4186757{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-13069 .elementor-element.elementor-element-4186757 .elementor-icon-list-text{transition:color 0.3s;}.elementor-13069 .elementor-element.elementor-element-eb007d8{--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;}.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 );}.elementor-13069 .elementor-element.elementor-element-e0eba4a{--display:flex;}.elementor-13069 .elementor-element.elementor-element-8246169 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-13069 .elementor-element.elementor-element-70abb7d{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13069 .elementor-element.elementor-element-70abb7d:not(.elementor-motion-effects-element-type-background), .elementor-13069 .elementor-element.elementor-element-70abb7d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-13069 .elementor-element.elementor-element-514ecec{--display:flex;--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:72px;--padding-bottom:72px;--padding-left:32px;--padding-right:32px;}.elementor-13069 .elementor-element.elementor-element-8dba604{--display:flex;}.elementor-13069 .elementor-element.elementor-element-b6b02c7 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-13069 .elementor-element.elementor-element-2e578a6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;}.elementor-13069 .elementor-element.elementor-element-0962534{--display:flex;}.elementor-13069 .elementor-element.elementor-element-6d709ad{--display:flex;}.elementor-13069 .elementor-element.elementor-element-3dd1523{--display:flex;}.elementor-13069 .elementor-element.elementor-element-eda52dd .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-13069 .elementor-element.elementor-element-ebca7d7 .elementor-heading-title{font-size:17px;font-weight:100;color:var( --e-global-color-text );}.elementor-13069 .elementor-element.elementor-element-5becb77{--display:flex;}.elementor-13069 .elementor-element.elementor-element-1181596{--display:flex;}.elementor-13069 .elementor-element.elementor-element-8a075e5{--display:flex;}.elementor-13069 .elementor-element.elementor-element-9e48257 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-13069 .elementor-element.elementor-element-70d0642 .elementor-heading-title{font-size:17px;font-weight:100;color:var( --e-global-color-text );}.elementor-13069 .elementor-element.elementor-element-8b2d2f8{--display:flex;}.elementor-13069 .elementor-element.elementor-element-81ba791{--display:flex;}.elementor-13069 .elementor-element.elementor-element-47d499f{--display:flex;}.elementor-13069 .elementor-element.elementor-element-350696f .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-13069 .elementor-element.elementor-element-e4d21db .elementor-heading-title{font-size:17px;font-weight:100;color:var( --e-global-color-text );}.elementor-13069 .elementor-element.elementor-element-3520f15{--display:flex;}.elementor-13069 .elementor-element.elementor-element-615db1c{--display:flex;}.elementor-13069 .elementor-element.elementor-element-bd90ff2{--display:flex;}.elementor-13069 .elementor-element.elementor-element-a90a56d .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-13069 .elementor-element.elementor-element-c7b007a .elementor-heading-title{font-size:17px;font-weight:100;color:var( --e-global-color-text );}.elementor-13069 .elementor-element.elementor-element-aea3443{--display:flex;}.elementor-13069 .elementor-element.elementor-element-7fd0b27{--display:flex;}.elementor-13069 .elementor-element.elementor-element-7b9ef81{--display:flex;}.elementor-13069 .elementor-element.elementor-element-d64525c .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-13069 .elementor-element.elementor-element-4cfefc8 .elementor-heading-title{font-size:17px;font-weight:100;color:var( --e-global-color-text );}.elementor-13069 .elementor-element.elementor-element-c3a83dd{--display:flex;}.elementor-13069 .elementor-element.elementor-element-d0d9292{--display:flex;}.elementor-13069 .elementor-element.elementor-element-968c90a{--display:flex;}.elementor-13069 .elementor-element.elementor-element-4ce3ba4 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-13069 .elementor-element.elementor-element-38ac63a .elementor-heading-title{font-size:17px;font-weight:100;color:var( --e-global-color-text );}.elementor-13069 .elementor-element.elementor-element-36e0b97{--display:flex;}.elementor-13069 .elementor-element.elementor-element-326f087{--display:flex;}.elementor-13069 .elementor-element.elementor-element-da863f3{--display:flex;}.elementor-13069 .elementor-element.elementor-element-08f9924 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-13069 .elementor-element.elementor-element-6ace689 .elementor-heading-title{font-size:17px;font-weight:100;color:var( --e-global-color-text );}.elementor-13069 .elementor-element.elementor-element-86843eb{--display:flex;}.elementor-13069 .elementor-element.elementor-element-f18d366{--display:flex;}.elementor-13069 .elementor-element.elementor-element-2bc1560{--display:flex;}.elementor-13069 .elementor-element.elementor-element-734cbe5 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-13069 .elementor-element.elementor-element-884acd2 .elementor-heading-title{font-size:17px;font-weight:100;color:var( --e-global-color-text );}.elementor-13069 .elementor-element.elementor-element-1d4b5fa{--display:flex;}.elementor-13069 .elementor-element.elementor-element-56d023d{--display:flex;}.elementor-13069 .elementor-element.elementor-element-3dc9e30{--display:flex;}.elementor-13069 .elementor-element.elementor-element-9034581 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-13069 .elementor-element.elementor-element-379fc0e .elementor-heading-title{font-size:17px;font-weight:100;color:var( --e-global-color-text );}.elementor-13069 .elementor-element.elementor-element-e752af1{--display:flex;}.elementor-13069 .elementor-element.elementor-element-490f401{--display:flex;}.elementor-13069 .elementor-element.elementor-element-5a3baa2{--display:flex;}.elementor-13069 .elementor-element.elementor-element-8a0b514 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-13069 .elementor-element.elementor-element-c8e91d7 .elementor-heading-title{font-size:17px;font-weight:100;color:var( --e-global-color-text );}.elementor-13069 .elementor-element.elementor-element-58aaa3a{--display:flex;}.elementor-13069 .elementor-element.elementor-element-de3a423{--display:flex;}.elementor-13069 .elementor-element.elementor-element-104b240{--display:flex;}.elementor-13069 .elementor-element.elementor-element-1ed5137 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-13069 .elementor-element.elementor-element-36584b4 .elementor-heading-title{font-size:17px;font-weight:100;color:var( --e-global-color-text );}.elementor-13069 .elementor-element.elementor-element-42bfd6d{--display:flex;}.elementor-13069 .elementor-element.elementor-element-69efd0c{--display:flex;}.elementor-13069 .elementor-element.elementor-element-7ddcde4{--display:flex;}.elementor-13069 .elementor-element.elementor-element-6400dfa .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-13069 .elementor-element.elementor-element-1e7967b .elementor-heading-title{font-size:17px;font-weight:100;color:var( --e-global-color-text );}.elementor-13069 .elementor-element.elementor-element-f46752f{--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;}.elementor-13069 .elementor-element.elementor-element-f46752f:not(.elementor-motion-effects-element-type-background), .elementor-13069 .elementor-element.elementor-element-f46752f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F9FB;}.elementor-13069 .elementor-element.elementor-element-ee09d75{--display:flex;--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13069 .elementor-element.elementor-element-bb37f0d{--display:flex;}.elementor-13069 .elementor-element.elementor-element-75b1cf8 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-13069 .elementor-element.elementor-element-767f73f{--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;}.elementor-13069 .elementor-element.elementor-element-93b212f{--display:flex;}.elementor-13069 .elementor-element.elementor-element-7eb3eb9{--display:flex;}.elementor-13069 .elementor-element.elementor-element-bf7ed5f > .elementor-widget-container{padding:36px 40px 36px 40px;}.elementor-13069 .elementor-element.elementor-element-195d179{--display:flex;}.elementor-13069 .elementor-element.elementor-element-98ba88f .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-13069 .elementor-element.elementor-element-23cadce .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-13069 .elementor-element.elementor-element-8b89268{--display:flex;}.elementor-13069 .elementor-element.elementor-element-01ac110{--display:flex;}.elementor-13069 .elementor-element.elementor-element-3822113 > .elementor-widget-container{padding:36px 40px 36px 40px;}.elementor-13069 .elementor-element.elementor-element-b1a43fb{--display:flex;}.elementor-13069 .elementor-element.elementor-element-fbaeda3 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-13069 .elementor-element.elementor-element-76dd926 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-13069 .elementor-element.elementor-element-a2e8375{--display:flex;}.elementor-13069 .elementor-element.elementor-element-7c75c1b{--display:flex;}.elementor-13069 .elementor-element.elementor-element-382f62c > .elementor-widget-container{padding:36px 40px 36px 40px;}.elementor-13069 .elementor-element.elementor-element-df411f0{--display:flex;}.elementor-13069 .elementor-element.elementor-element-0464a9e .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-13069 .elementor-element.elementor-element-a97a9cc .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-13069 .elementor-element.elementor-element-a8e8edf{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13069 .elementor-element.elementor-element-a8e8edf:not(.elementor-motion-effects-element-type-background), .elementor-13069 .elementor-element.elementor-element-a8e8edf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-13069 .elementor-element.elementor-element-53d8eae{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:48px 48px;--row-gap:48px;--column-gap:48px;}.elementor-13069 .elementor-element.elementor-element-fdc08d5{--display:flex;}.elementor-13069 .elementor-element.elementor-element-99b964f{--display:flex;}@media(min-width:768px){.elementor-13069 .elementor-element.elementor-element-4e4b49c{--content-width:100%;}.elementor-13069 .elementor-element.elementor-element-514ecec{--content-width:1280px;}.elementor-13069 .elementor-element.elementor-element-2e578a6{--width:100%;}.elementor-13069 .elementor-element.elementor-element-0962534{--width:100%;}.elementor-13069 .elementor-element.elementor-element-5becb77{--width:100%;}.elementor-13069 .elementor-element.elementor-element-8b2d2f8{--width:100%;}.elementor-13069 .elementor-element.elementor-element-3520f15{--width:100%;}.elementor-13069 .elementor-element.elementor-element-aea3443{--width:100%;}.elementor-13069 .elementor-element.elementor-element-c3a83dd{--width:100%;}.elementor-13069 .elementor-element.elementor-element-36e0b97{--width:100%;}.elementor-13069 .elementor-element.elementor-element-86843eb{--width:100%;}.elementor-13069 .elementor-element.elementor-element-1d4b5fa{--width:100%;}.elementor-13069 .elementor-element.elementor-element-e752af1{--width:100%;}.elementor-13069 .elementor-element.elementor-element-58aaa3a{--width:100%;}.elementor-13069 .elementor-element.elementor-element-42bfd6d{--width:100%;}.elementor-13069 .elementor-element.elementor-element-ee09d75{--content-width:1280px;}.elementor-13069 .elementor-element.elementor-element-a8e8edf{--width:100%;}.elementor-13069 .elementor-element.elementor-element-53d8eae{--content-width:1280px;}.elementor-13069 .elementor-element.elementor-element-fdc08d5{--width:65%;}.elementor-13069 .elementor-element.elementor-element-99b964f{--width:35%;}}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for container, class: .elementor-element-1313e36 *//* =========================================================
   SWAT SHOP PROMOTIONAL HERO
   FINAL FULL CSS
   Elementor Pro - Outer Hero Container Custom CSS
   ========================================================= */


/* =========================================================
   1. HERO ROOT / VARIABLES
   ========================================================= */

.elementor-13069 .elementor-element.elementor-element-1313e36 {
  --swat-hero-navy: #0a2342;
  --swat-hero-orange: #f15a24;
  --swat-hero-orange-hover: #d94b19;

  --swat-hero-background: #f5f7f9;
  --swat-hero-text: #475569;
  --swat-hero-muted: #64748b;
  --swat-hero-border: #d9e0e7;
  --swat-hero-white: #ffffff;

  --swat-hero-inner: 1480px;

  /*
   * Horizontal Elementor safety padding.
   */
  --swat-hero-side-pad:
    clamp(24px, 2.5vw, 32px);

  /*
   * Distance between centred 1480px layout
   * and the browser edge.
   */
  --swat-hero-outer-gap:
    max(
      0px,
      calc(
        (100vw - var(--swat-hero-inner)) / 2
      )
    );

  /*
   * Includes the inner container padding so
   * the photograph genuinely reaches the viewport edge.
   */
  --swat-hero-breakout:
    calc(
      var(--swat-hero-outer-gap)
      + var(--swat-hero-side-pad)
    );

  /*
   * Desktop image/content transition width.
   */
  --swat-hero-fade:
    clamp(250px, 18vw, 340px);

  position: relative;

  width: 100%;

  overflow: hidden;

  background:
    radial-gradient(
      circle at 15% 20%,
      rgba(241, 90, 36, 0.055),
      transparent 30%
    ),
    linear-gradient(
      135deg,
      #ffffff 0%,
      var(--swat-hero-background) 100%
    );

  border-bottom:
    1px solid var(--swat-hero-border);
}


/* =========================================================
   2. ORANGE TOP BRAND STRIP
   ========================================================= */

.elementor-13069 .elementor-element.elementor-element-1313e36::before {
  content: "";

  position: absolute;

  top: 0;
  left: 0;

  width: 100%;
  height: 5px;

  background:
    var(--swat-hero-orange);

  z-index: 10;
}


/* =========================================================
   3. MAIN INNER LAYOUT
   ========================================================= */

.elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__inner {
  position: relative;

  z-index: 2;

  box-sizing: border-box !important;

  display: flex !important;

  flex-direction: row !important;
  flex-wrap: nowrap !important;

  justify-content: flex-start !important;
  align-items: stretch !important;

  width: 100% !important;
  max-width: var(--swat-hero-inner) !important;

  margin-left: auto !important;
  margin-right: auto !important;

  /*
   * No traditional column gap.
   * Image overlap creates the visual transition.
   */
  gap: 0 !important;

  /*
   * Vertical spacing belongs to the content column.
   * This allows the image to begin at the top of the hero.
   */
  padding:
    0
    var(--swat-hero-side-pad)
    0 !important;
}


/* =========================================================
   4. LEFT CONTENT COLUMN
   ========================================================= */

.elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__content {
  position: relative;

  z-index: 4;

  box-sizing: border-box !important;

  display: flex !important;

  flex-direction: column !important;

  justify-content: center !important;
  align-items: flex-start !important;

  flex:
    0 0 52% !important;

  width: 52% !important;

  min-width: 0 !important;
  max-width: none !important;

  /*
   * Vertical spacing remains on content only.
   *
   * Right padding protects text from the
   * photograph transition area.
   */
  padding:
    clamp(62px, 5.5vw, 92px)
    clamp(45px, 4vw, 70px)
    clamp(60px, 5vw, 80px)
    0 !important;
}


/* =========================================================
   5. BREADCRUMB
   ========================================================= */

.elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-intro__breadcrumb {
  margin:
    0 0 18px !important;

  color:
    var(--swat-hero-muted) !important;

  font-size:
    14px !important;

  line-height:
    1.5 !important;
}

.elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-intro__breadcrumb a {
  color:
    var(--swat-hero-muted) !important;

  text-decoration:
    none !important;

  transition:
    color 0.2s ease;
}

.elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-intro__breadcrumb a:hover,
.elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-intro__breadcrumb a:focus-visible {
  color:
    var(--swat-hero-orange) !important;
}


/* =========================================================
   6. EYEBROW
   Kept available if required later.
   ========================================================= */

.elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__eyebrow {
  margin:
    0 0 16px !important;
}

.elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__eyebrow,
.elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__eyebrow *,
.elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__eyebrow p {
  color:
    var(--swat-hero-orange) !important;

  font-size:
    13px !important;

  font-weight:
    700 !important;

  line-height:
    1.3 !important;

  letter-spacing:
    0.14em !important;

  text-transform:
    uppercase !important;
}


/* =========================================================
   7. MAIN H1
   ========================================================= */

.elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__title {
  margin:
    0 0 22px !important;
}

.elementor-13069 .elementor-element.elementor-element-1313e36
.swat-shop-hero__title
.elementor-heading-title {
  max-width:
    650px;

  margin:
    0 !important;

  color:
    var(--swat-hero-navy) !important;

  font-size:
    clamp(42px, 4vw, 62px) !important;

  font-weight:
    700 !important;

  line-height:
    1.04 !important;

  letter-spacing:
    -0.035em !important;
}


/* =========================================================
   8. SUPPORTING TEXT
   ========================================================= */

.elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__text {
  max-width:
    610px !important;

  margin:
    0 0 30px !important;
}

.elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__text,
.elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__text p,
.elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__text span {
  color:
    var(--swat-hero-text) !important;

  font-size:
    18px !important;

  line-height:
    1.65 !important;
}

.elementor-13069 .elementor-element.elementor-element-1313e36
.swat-shop-hero__text
p:last-child {
  margin-bottom:
    0 !important;
}


/* =========================================================
   9. CTA CONTAINER
   ========================================================= */

.elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__actions {
  display:
    flex !important;

  flex-direction:
    row !important;

  flex-wrap:
    wrap !important;

  justify-content:
    flex-start !important;

  align-items:
    center !important;

  width:
    100% !important;

  gap:
    12px !important;

  margin:
    0 0 30px !important;
}


/* =========================================================
   10. PRIMARY CTA
   ========================================================= */

.elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__primary {
  width:
    auto !important;
}

.elementor-13069 .elementor-element.elementor-element-1313e36
.swat-shop-hero__primary
.elementor-button {
  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  width:
    auto !important;

  min-height:
    52px !important;

  padding:
    15px 24px !important;

  border:
    2px solid
    var(--swat-hero-orange) !important;

  border-radius:
    6px !important;

  background-color:
    var(--swat-hero-orange) !important;

  color:
    #ffffff !important;

  font-size:
    15px !important;

  font-weight:
    700 !important;

  line-height:
    1.2 !important;

  text-transform:
    uppercase;

  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease !important;
}

.elementor-13069 .elementor-element.elementor-element-1313e36
.swat-shop-hero__primary
.elementor-button-text {
  color:
    #ffffff !important;
}

.elementor-13069 .elementor-element.elementor-element-1313e36
.swat-shop-hero__primary
.elementor-button:hover,

.elementor-13069 .elementor-element.elementor-element-1313e36
.swat-shop-hero__primary
.elementor-button:focus-visible {
  background-color:
    var(--swat-hero-orange-hover) !important;

  border-color:
    var(--swat-hero-orange-hover) !important;

  color:
    #ffffff !important;

  transform:
    translateY(-1px);
}


/* =========================================================
   11. SECONDARY CTA
   ========================================================= */

.elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__secondary {
  width:
    auto !important;
}

.elementor-13069 .elementor-element.elementor-element-1313e36
.swat-shop-hero__secondary
.elementor-button {
  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  width:
    auto !important;

  min-height:
    52px !important;

  padding:
    15px 24px !important;

  border:
    2px solid
    var(--swat-hero-navy) !important;

  border-radius:
    6px !important;

  background:
    transparent !important;

  color:
    var(--swat-hero-navy) !important;

  font-size:
    15px !important;

  font-weight:
    700 !important;

  line-height:
    1.2 !important;

  text-transform:
    uppercase;

  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease,
    transform 0.2s ease !important;
}

.elementor-13069 .elementor-element.elementor-element-1313e36
.swat-shop-hero__secondary
.elementor-button-text {
  color:
    var(--swat-hero-navy) !important;
}

.elementor-13069 .elementor-element.elementor-element-1313e36
.swat-shop-hero__secondary
.elementor-button:hover,

.elementor-13069 .elementor-element.elementor-element-1313e36
.swat-shop-hero__secondary
.elementor-button:focus-visible {
  background:
    var(--swat-hero-navy) !important;

  border-color:
    var(--swat-hero-navy) !important;

  color:
    #ffffff !important;

  transform:
    translateY(-1px);
}

.elementor-13069 .elementor-element.elementor-element-1313e36
.swat-shop-hero__secondary
.elementor-button:hover
.elementor-button-text,

.elementor-13069 .elementor-element.elementor-element-1313e36
.swat-shop-hero__secondary
.elementor-button:focus-visible
.elementor-button-text {
  color:
    #ffffff !important;
}


/* =========================================================
   12. TRUST / PROOF ROW
   ========================================================= */

.elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__trust {
  width:
    100% !important;
}

.elementor-13069 .elementor-element.elementor-element-1313e36
.swat-shop-hero__trust
.elementor-icon-list-items {
  display:
    flex !important;

  flex-direction:
    row !important;

  flex-wrap:
    wrap !important;

  gap:
    12px 24px !important;
}

.elementor-13069 .elementor-element.elementor-element-1313e36
.swat-shop-hero__trust
.elementor-icon-list-item {
  margin:
    0 !important;
}

.elementor-13069 .elementor-element.elementor-element-1313e36
.swat-shop-hero__trust
.elementor-icon-list-text {
  color:
    var(--swat-hero-navy) !important;

  font-size:
    14px !important;

  font-weight:
    600 !important;

  line-height:
    1.4 !important;
}

.elementor-13069 .elementor-element.elementor-element-1313e36
.swat-shop-hero__trust
.elementor-icon-list-icon i {
  color:
    var(--swat-hero-orange) !important;
}

.elementor-13069 .elementor-element.elementor-element-1313e36
.swat-shop-hero__trust
.elementor-icon-list-icon svg {
  fill:
    var(--swat-hero-orange) !important;
}


/* =========================================================
   13. RIGHT IMAGE / BACKGROUND-STYLE COLUMN
   ========================================================= */

.elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__visual {
  position:
    relative !important;

  z-index:
    1;

  box-sizing:
    border-box !important;

  display:
    block !important;

  /*
   * Desktop geometry:
   *
   * Content = 52%
   * Image   = 60%
   * Overlap = -12%
   *
   * 52 + 60 - 12 = 100%
   *
   * Breakout width is then added so the
   * photograph reaches the browser edge.
   */
  flex:
    0 0
    calc(
      60% + var(--swat-hero-breakout)
    ) !important;

  width:
    calc(
      60% + var(--swat-hero-breakout)
    ) !important;

  min-width:
    0 !important;

  /*
   * Overlap underneath left content.
   */
  margin-left:
    -12% !important;

  /*
   * Extends photograph to browser edge.
   */
  margin-right:
    calc(
      var(--swat-hero-breakout) * -1
    ) !important;

  min-height:
    clamp(
      620px,
      37vw,
      700px
    ) !important;

  overflow:
    hidden !important;

  border:
    0 !important;

  border-radius:
    0 !important;

  box-shadow:
    none !important;

  background:
    #e9edf1 !important;
}


/* =========================================================
   14. LEFT-TO-RIGHT IMAGE FADE
   Creates background-image effect.
   ========================================================= */

.elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__visual::before {
  content:
    "";

  position:
    absolute;

  top:
    0;

  bottom:
    0;

  left:
    0;

  width:
    var(--swat-hero-fade);

  z-index:
    3;

  pointer-events:
    none;

  background:
    linear-gradient(
      90deg,

      rgba(248, 249, 250, 1)
      0%,

      rgba(248, 249, 250, 0.97)
      16%,

      rgba(248, 249, 250, 0.84)
      32%,

      rgba(248, 249, 250, 0.58)
      52%,

      rgba(248, 249, 250, 0.26)
      72%,

      rgba(248, 249, 250, 0.07)
      88%,

      rgba(248, 249, 250, 0)
      100%
    );
}


/* =========================================================
   15. IMAGE DEPTH / LOWER CONTRAST OVERLAY
   Only one ::after rule.
   ========================================================= */

.elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__visual::after {
  content:
    "";

  position:
    absolute;

  inset:
    0;

  z-index:
    2;

  pointer-events:
    none;

  background:
    linear-gradient(
      180deg,

      rgba(10, 35, 66, 0)
      56%,

      rgba(10, 35, 66, 0.30)
      100%
    );
}


/* =========================================================
   16. IMAGE WIDGET
   ========================================================= */

.elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__image {
  position:
    absolute !important;

  inset:
    0 !important;

  z-index:
    0 !important;

  width:
    100% !important;

  height:
    100% !important;

  margin:
    0 !important;
}

.elementor-13069 .elementor-element.elementor-element-1313e36
.swat-shop-hero__image
.elementor-widget-container {
  width:
    100% !important;

  height:
    100% !important;
}

.elementor-13069 .elementor-element.elementor-element-1313e36
.swat-shop-hero__image
img {
  display:
    block !important;

  width:
    100% !important;

  height:
    100% !important;

  object-fit:
    cover !important;

  /*
   * Tune this for the final chosen image if required.
   *
   * Examples:
   * 55% center
   * 60% center
   * 65% center
   */
  object-position:
    center center !important;
}


/* =========================================================
   17. IMAGE ADVICE BADGE
   ========================================================= */

.elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__badge {
  position:
    absolute !important;

  /*
   * Moves badge beyond the desktop fade area.
   */
  left:
    clamp(
      260px,
      18vw,
      340px
    ) !important;

  bottom:
    28px !important;

  z-index:
    4 !important;

  box-sizing:
    border-box !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  width:
    min(
      320px,
      calc(100% - 40px)
    ) !important;

  padding:
    17px 19px !important;

  border-left:
    4px solid
    var(--swat-hero-orange) !important;

  border-radius:
    5px !important;

  background:
    rgba(7, 27, 51, 0.94) !important;

  box-shadow:
    0 12px 30px
    rgba(0, 0, 0, 0.20) !important;

  backdrop-filter:
    blur(7px);

  -webkit-backdrop-filter:
    blur(7px);
}


/* =========================================================
   18. BADGE TITLE
   ========================================================= */

.elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__badge-title {
  margin:
    0 0 5px !important;
}

.elementor-13069 .elementor-element.elementor-element-1313e36
.swat-shop-hero__badge-title
.elementor-heading-title {
  margin:
    0 !important;

  color:
    #ffffff !important;

  font-size:
    17px !important;

  font-weight:
    700 !important;

  line-height:
    1.3 !important;
}


/* =========================================================
   19. BADGE TEXT
   ========================================================= */

.elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__badge-text,
.elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__badge-text p,
.elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__badge-text span {
  margin:
    0 !important;

  color:
    rgba(255, 255, 255, 0.82) !important;

  font-size:
    13px !important;

  line-height:
    1.5 !important;
}


/* =========================================================
   20. LAPTOP / SMALL DESKTOP
   Conventional two-column layout for stability.
   ========================================================= */

@media (max-width: 1200px) {

  .elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__inner {
    gap:
      34px !important;

    padding:
      56px
      28px !important;
  }


  .elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__content {
    flex:
      1 1 0 !important;

    width:
      auto !important;

    padding:
      0 !important;
  }


  .elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__visual {
    flex:
      1 1 0 !important;

    width:
      auto !important;

    margin-left:
      0 !important;

    margin-right:
      0 !important;

    min-height:
      480px !important;

    border-radius:
      8px !important;
  }


  /*
   * Desktop background-style overlap is removed.
   */
  .elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__visual::before {
    display:
      none !important;
  }


  .elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__badge {
    left:
      20px !important;

    bottom:
      20px !important;
  }


  .elementor-13069 .elementor-element.elementor-element-1313e36
  .swat-shop-hero__title
  .elementor-heading-title {
    font-size:
      clamp(
        38px,
        5vw,
        50px
      ) !important;
  }


  .elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__text,
  .elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__text p,
  .elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__text span {
    font-size:
      16px !important;
  }

}


/* =========================================================
   21. MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__inner {
    flex-direction:
      column !important;

    gap:
      32px !important;

    padding:
      44px
      20px
      38px !important;
  }


  .elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__content {
    flex:
      none !important;

    width:
      100% !important;

    max-width:
      none !important;

    padding:
      0 !important;
  }


  .elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-intro__breadcrumb {
    margin-bottom:
      14px !important;
  }


  .elementor-13069 .elementor-element.elementor-element-1313e36
  .swat-shop-hero__title
  .elementor-heading-title {
    font-size:
      clamp(
        34px,
        10vw,
        43px
      ) !important;

    line-height:
      1.07 !important;
  }


  .elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__text {
    margin-bottom:
      24px !important;
  }


  .elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__text,
  .elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__text p,
  .elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__text span {
    font-size:
      16px !important;

    line-height:
      1.6 !important;
  }


  /* -------------------------------------------------------
     MOBILE CTAS
     ------------------------------------------------------- */

  .elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__actions {
    flex-direction:
      column !important;

    align-items:
      stretch !important;

    gap:
      10px !important;

    margin-bottom:
      26px !important;
  }


  .elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__primary,
  .elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__secondary {
    width:
      100% !important;
  }


  .elementor-13069 .elementor-element.elementor-element-1313e36
  .swat-shop-hero__primary
  .elementor-button,

  .elementor-13069 .elementor-element.elementor-element-1313e36
  .swat-shop-hero__secondary
  .elementor-button {
    width:
      100% !important;
  }


  /* -------------------------------------------------------
     MOBILE TRUST ITEMS
     ------------------------------------------------------- */

  .elementor-13069 .elementor-element.elementor-element-1313e36
  .swat-shop-hero__trust
  .elementor-icon-list-items {
    flex-direction:
      column !important;

    gap:
      9px !important;
  }


  /* -------------------------------------------------------
     MOBILE IMAGE
     ------------------------------------------------------- */

  .elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__visual {
    flex:
      none !important;

    width:
      100% !important;

    min-height:
      0 !important;

    aspect-ratio:
      16 / 10;

    margin-left:
      0 !important;

    margin-right:
      0 !important;

    border-radius:
      8px !important;
  }


  .elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__visual::before {
    display:
      none !important;
  }


  .elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__badge {
    left:
      14px !important;

    bottom:
      14px !important;

    width:
      calc(100% - 28px) !important;

    padding:
      14px 16px !important;
  }

}


/* =========================================================
   22. SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

  .elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__inner {
    padding-left:
      16px !important;

    padding-right:
      16px !important;
  }


  .elementor-13069 .elementor-element.elementor-element-1313e36
  .swat-shop-hero__badge-title
  .elementor-heading-title {
    font-size:
      15px !important;
  }


  .elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__badge-text,
  .elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__badge-text p,
  .elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__badge-text span {
    font-size:
      12px !important;
  }


  .elementor-13069 .elementor-element.elementor-element-1313e36 .swat-shop-hero__badge {
    padding:
      12px 14px !important;
  }

}


/* =========================================================
   23. REDUCED MOTION / ACCESSIBILITY
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .elementor-13069 .elementor-element.elementor-element-1313e36
  .swat-shop-hero__primary
  .elementor-button,

  .elementor-13069 .elementor-element.elementor-element-1313e36
  .swat-shop-hero__secondary
  .elementor-button {
    transition:
      none !important;

    transform:
      none !important;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70abb7d *//* =========================================================
   SWAT SHOP V2 — STAGE 2.2
   Browse by System
   ========================================================= */

.elementor-13069 .elementor-element.elementor-element-70abb7d {
  --swat-system-navy: #07162f;
  --swat-system-orange: #ef6123;
  --swat-system-text: #475569;
  --swat-system-muted: #64748b;
  --swat-system-border: #dfe5eb;
  --swat-system-soft: #f7f9fb;
}


/* ---------------------------------------------------------
   SECTION
   --------------------------------------------------------- */

.elementor-13069 .elementor-element.elementor-element-70abb7d {
  width: 100%;
  background: #fff;
}

.elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-browser__inner {
  width: 100%;
  max-width: 1280px;
  margin-inline: auto;
  padding: 52px 32px;
}


/* ---------------------------------------------------------
   SECTION HEADER
   --------------------------------------------------------- */

.elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-browser__header {
  max-width: 760px;
  margin-bottom: 34px;
}

.elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-browser__eyebrow {
  margin: 0 0 8px;
  color: var(--swat-system-orange);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}

.elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-browser__title {
  margin: 0;
}

.elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-browser__title,
.elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-browser__title .elementor-heading-title {
  color: var(--swat-system-navy);
  font-size: 38px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.02em;
}

.elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-browser__text {
  max-width: 680px;
  margin-top: 12px;
  color: var(--swat-system-text);
  font-size: 17px;
  line-height: 1.6;
}

.elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-browser__text p {
  margin: 0;
}


/* ---------------------------------------------------------
   GRID
   --------------------------------------------------------- */

.elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  width: 100%;
}


/* ---------------------------------------------------------
   CARD
   --------------------------------------------------------- */

.elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100%;
  overflow: hidden;

  background: #fff;
  border: 1px solid var(--swat-system-border);
  border-radius: 6px;

  transition:
    transform 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

.elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-card:hover {
  transform: translateY(-3px);
  border-color: #c7d0da;
  box-shadow: 0 12px 28px rgba(7, 22, 47, 0.08);
}

.elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-card__link a {
  position: relative;
  z-index: 2;

  color: var(--swat-system-orange);
  text-decoration: none;
}

.elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-card__link a::after {
  content: "";
  position: absolute;

  /*
   * Expand the clickable area to the complete card.
   * Positioning is resolved against .swat-system-card.
   */
  inset: auto;
}

/* Elementor-safe stretched link */
.elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-card__link {
  position: static;
}

.elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-card__link a::after {
  position: absolute;
  inset: 0;
  z-index: 2;
}


/* Orange brand accent */

.elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-card::before {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  height: 3px;
  z-index: 2;
  background: var(--swat-system-orange);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.2s ease;
}

.elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-card:hover::before {
  transform: scaleX(1);
}


/* ---------------------------------------------------------
   IMAGE
   --------------------------------------------------------- */

.elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-card__media {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 4 / 3;
  padding: 20px;
  overflow: hidden;

  background: var(--swat-system-soft);
  border-bottom: 1px solid var(--swat-system-border);
}

.elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 0.25s ease;
}

.elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-card:hover .swat-system-card__media img {
  transform: scale(1.035);
}


/* ---------------------------------------------------------
   CARD BODY
   --------------------------------------------------------- */

.elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px;
}

.elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-card__title {
  margin: 0;
}

.elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-card__title,
.elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-card__title .elementor-heading-title {
  color: var(--swat-system-navy);
  font-size: 19px;
  font-weight: 700;
  line-height: 1.3;
}

.elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-card__link {
  margin-top: 10px;
  color: var(--swat-system-orange);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

.elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-card__link p {
  margin: 0;
}


/* ---------------------------------------------------------
   ACCESSIBILITY
   --------------------------------------------------------- */

.elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-card a:focus-visible {
  outline: 2px solid var(--swat-system-orange);
  outline-offset: 3px;
}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (max-width: 1024px) {

  .elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-browser__inner {
    padding: 60px 28px;
  }

  .elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-browser__title,
  .elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-browser__title .elementor-heading-title {
    font-size: 34px;
  }
}


/* ---------------------------------------------------------
   SMALL TABLET
   --------------------------------------------------------- */

@media (max-width: 850px) {

  .elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 600px) {

  .elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-browser__inner {
    padding: 48px 20px;
  }

  .elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-browser__header {
    margin-bottom: 26px;
  }

  .elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-browser__title,
  .elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-browser__title .elementor-heading-title {
    font-size: 30px;
  }

  .elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-browser__text {
    font-size: 16px;
  }

  .elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-card__media {
    aspect-ratio: 16 / 10;
    padding: 18px;
  }

  .elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-card__body {
    padding: 18px;
  }
}


/* ---------------------------------------------------------
   REDUCED MOTION
   --------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

  .elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-card,
  .elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-card::before,
  .elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-card__media img {
    transition: none;
  }

  .elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-card:hover {
    transform: none;
  }

  .elementor-13069 .elementor-element.elementor-element-70abb7d .swat-system-card:hover .swat-system-card__media img {
    transform: none;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f46752f *//* =========================================================
   SWAT SHOP V2 — STAGE 2.3
   Browse by Brand
   ========================================================= */

.elementor-13069 .elementor-element.elementor-element-f46752f {
  --swat-brand-navy: #07162f;
  --swat-brand-orange: #ef6123;
  --swat-brand-text: #475569;
  --swat-brand-border: #dfe5eb;
  --swat-brand-soft: #f7f9fb;

  width: 100%;
  background: var(--swat-brand-soft);
}


/* =========================================================
   INNER
   ========================================================= */

.elementor-13069 .elementor-element.elementor-element-f46752f .swat-brand-browser__inner {
  width: 100%;
  max-width: 1280px;
  margin-inline: auto;
  padding: 64px 32px;
}


/* =========================================================
   HEADER
   ========================================================= */

.elementor-13069 .elementor-element.elementor-element-f46752f .swat-brand-browser__header {
  width: 100%;
  max-width: 720px;
  margin: 0 0 30px;
}

.elementor-13069 .elementor-element.elementor-element-f46752f .swat-brand-browser__eyebrow {
  margin: 0 0 8px;
  color: var(--swat-brand-orange);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}

.elementor-13069 .elementor-element.elementor-element-f46752f .swat-brand-browser__eyebrow p {
  margin: 0;
}

.elementor-13069 .elementor-element.elementor-element-f46752f .swat-brand-browser__title {
  width: 100%;
  margin: 0;
}

.elementor-13069 .elementor-element.elementor-element-f46752f .swat-brand-browser__title .elementor-heading-title {
  margin: 0;
  color: var(--swat-brand-navy);
  font-size: 36px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.02em;
}

.elementor-13069 .elementor-element.elementor-element-f46752f .swat-brand-browser__text {
  max-width: 680px;
  margin: 12px 0 0;
  color: var(--swat-brand-text);
  font-size: 17px;
  line-height: 1.6;
}

.elementor-13069 .elementor-element.elementor-element-f46752f .swat-brand-browser__text p {
  margin: 0;
}


/* =========================================================
   GRID
   ========================================================= */

.elementor-13069 .elementor-element.elementor-element-f46752f .swat-brand-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;

  width: 100% !important;
  max-width: none !important;
}


/* Elementor sizing override */

.elementor-13069 .elementor-element.elementor-element-f46752f .swat-brand-grid > .swat-brand-card {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  flex: none !important;
  flex-basis: auto !important;

  justify-self: stretch !important;
  align-self: stretch !important;
}


/* =========================================================
   CARD
   ========================================================= */

.elementor-13069 .elementor-element.elementor-element-f46752f .swat-brand-card {
  position: relative;

  display: flex !important;
  flex-direction: column !important;

  width: 100% !important;
  height: 100% !important;

  min-width: 0;

  overflow: hidden;

  background: #fff;
  border: 1px solid var(--swat-brand-border);
  border-radius: 6px;

  text-decoration: none;

  transition:
    transform 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

.elementor-13069 .elementor-element.elementor-element-f46752f .swat-brand-card:hover {
  transform: translateY(-3px);
  border-color: #c7d0da;
  box-shadow: 0 12px 28px rgba(7, 22, 47, 0.08);
}


/* Orange hover accent */

.elementor-13069 .elementor-element.elementor-element-f46752f .swat-brand-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 3px;

  z-index: 3;

  background: var(--swat-brand-orange);

  transform: scaleX(0);
  transform-origin: left center;

  transition: transform 0.2s ease;
}

.elementor-13069 .elementor-element.elementor-element-f46752f .swat-brand-card:hover::before {
  transform: scaleX(1);
}


/* =========================================================
   LOGO AREA — fixed equal height
   ========================================================= */

.elementor-13069 .elementor-element.elementor-element-f46752f .swat-brand-card__logo {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  height: 190px !important;
  min-height: 190px !important;
  max-height: 190px !important;

  padding: 34px 38px;

  overflow: hidden;

  background: #fff;
  border-bottom: 1px solid var(--swat-brand-border);
}

.elementor-13069 .elementor-element.elementor-element-f46752f .swat-brand-card__logo .elementor-widget-image {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
}

.elementor-13069 .elementor-element.elementor-element-f46752f .swat-brand-card__logo .elementor-widget-container {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  height: 100% !important;
}

.elementor-13069 .elementor-element.elementor-element-f46752f .swat-brand-card__logo img {
  display: block;

  width: auto !important;
  height: auto !important;

  max-width: 72% !important;
  max-height: 78px !important;

  margin: 0 auto !important;

  object-fit: contain;
}

/* Mitsubishi logo needs slightly tighter scaling */
.elementor-13069 .elementor-element.elementor-element-f46752f .swat-brand-card--mitsubishi .swat-brand-card__logo img {
  max-width: 62% !important;
  max-height: 70px !important;
}


/* =========================================================
   BODY
   ========================================================= */

.elementor-13069 .elementor-element.elementor-element-f46752f .swat-brand-card__body {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  align-items: flex-start !important;

  width: 100% !important;

  padding: 20px 22px;
}

.elementor-13069 .elementor-element.elementor-element-f46752f .swat-brand-card__title {
  width: 100%;
  margin: 0;
}

.elementor-13069 .elementor-element.elementor-element-f46752f .swat-brand-card__title .elementor-heading-title {
  margin: 0;

  color: var(--swat-brand-navy);

  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}

.elementor-13069 .elementor-element.elementor-element-f46752f .swat-brand-card__link {
  width: 100%;
  margin: 8px 0 0;

  color: var(--swat-brand-orange);

  font-size: 13px !important;
  font-weight: 600;
  line-height: 1.4;
}

.elementor-13069 .elementor-element.elementor-element-f46752f .swat-brand-card__link p,
.elementor-13069 .elementor-element.elementor-element-f46752f .swat-brand-card__link a {
  margin: 0;

  color: inherit !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.4;

  text-decoration: none;
}

.elementor-13069 .elementor-element.elementor-element-f46752f .swat-brand-card__link a:hover {
  color: var(--swat-brand-navy) !important;
}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

.elementor-13069 .elementor-element.elementor-element-f46752f .swat-brand-card:focus-visible,
.elementor-13069 .elementor-element.elementor-element-f46752f .swat-brand-card a:focus-visible {
  outline: 2px solid var(--swat-brand-orange);
  outline-offset: 3px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

  .elementor-13069 .elementor-element.elementor-element-f46752f .swat-brand-browser__inner {
    padding: 56px 28px;
  }

  .elementor-13069 .elementor-element.elementor-element-f46752f .swat-brand-browser__title .elementor-heading-title {
    font-size: 33px;
  }

  .elementor-13069 .elementor-element.elementor-element-f46752f .swat-brand-card__logo {
    min-height: 155px;
    padding: 30px;
  }
}


/* =========================================================
   SMALL TABLET / MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .elementor-13069 .elementor-element.elementor-element-f46752f .swat-brand-browser__inner {
    padding: 44px 20px;
  }

  .elementor-13069 .elementor-element.elementor-element-f46752f .swat-brand-browser__header {
    margin-bottom: 24px;
  }

  .elementor-13069 .elementor-element.elementor-element-f46752f .swat-brand-browser__title .elementor-heading-title {
    font-size: 30px;
  }

  .elementor-13069 .elementor-element.elementor-element-f46752f .swat-brand-browser__text {
    font-size: 16px;
  }

  .elementor-13069 .elementor-element.elementor-element-f46752f .swat-brand-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .elementor-13069 .elementor-element.elementor-element-f46752f .swat-brand-card__logo {
    min-height: 140px;
    padding: 28px;
  }

  .elementor-13069 .elementor-element.elementor-element-f46752f .swat-brand-card__body {
    padding: 18px 20px;
  }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .elementor-13069 .elementor-element.elementor-element-f46752f .swat-brand-card,
  .elementor-13069 .elementor-element.elementor-element-f46752f .swat-brand-card::before {
    transition: none;
  }

  .elementor-13069 .elementor-element.elementor-element-f46752f .swat-brand-card:hover {
    transform: none;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a8e8edf *//* =========================================================
   SWAT SHOP V2 — STAGE 2.4
   Product Advice CTA
   ========================================================= */

.elementor-13069 .elementor-element.elementor-element-a8e8edf {
  --swat-advice-navy: #07162f;
  --swat-advice-navy-hover: #102548;
  --swat-advice-orange: #ef6123;
  --swat-advice-white: #ffffff;
  --swat-advice-text: #d6deea;

  width: 100%;
  background: var(--swat-advice-navy);
}


/* =========================================================
   INNER
   ========================================================= */

.elementor-13069 .elementor-element.elementor-element-a8e8edf .swat-product-advice__inner {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;

  width: 100%;
  max-width: 1280px;

  margin-inline: auto;
  padding: 48px 32px;

  gap: 48px;
}


/* =========================================================
   CONTENT
   ========================================================= */

.elementor-13069 .elementor-element.elementor-element-a8e8edf .swat-product-advice__content {
  flex: 1 1 auto;

  width: 100%;
  max-width: 760px;
}


/* Eyebrow */

.elementor-13069 .elementor-element.elementor-element-a8e8edf .swat-product-advice__eyebrow {
  margin: 0 0 8px;

  color: var(--swat-advice-orange);

  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}

.elementor-13069 .elementor-element.elementor-element-a8e8edf .swat-product-advice__eyebrow p {
  margin: 0;
}


/* Title */

.elementor-13069 .elementor-element.elementor-element-a8e8edf .swat-product-advice__title {
  margin: 0;
}

.elementor-13069 .elementor-element.elementor-element-a8e8edf .swat-product-advice__title .elementor-heading-title {
  margin: 0;

  color: var(--swat-advice-white);

  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.018em;
}


/* Supporting copy */

.elementor-13069 .elementor-element.elementor-element-a8e8edf .swat-product-advice__text {
  max-width: 720px;

  margin: 12px 0 0;

  color: var(--swat-advice-text);

  font-size: 16px;
  line-height: 1.65;
}

.elementor-13069 .elementor-element.elementor-element-a8e8edf .swat-product-advice__text p {
  margin: 0;
}


/* =========================================================
   ACTIONS
   ========================================================= */

.elementor-13069 .elementor-element.elementor-element-a8e8edf .swat-product-advice__actions {
  display: flex !important;
  flex: 0 0 auto;
  flex-direction: column !important;
  align-items: flex-start !important;

  min-width: 230px;

  gap: 12px;
}


/* Button */

.elementor-13069 .elementor-element.elementor-element-a8e8edf .swat-product-advice__button .elementor-button {
  min-height: 48px;

  padding: 13px 22px;

  color: #fff;

  background: var(--swat-advice-orange);
  border: 1px solid var(--swat-advice-orange);
  border-radius: 4px;

  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;

  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease;
}

.elementor-13069 .elementor-element.elementor-element-a8e8edf .swat-product-advice__button .elementor-button:hover,
.elementor-13069 .elementor-element.elementor-element-a8e8edf .swat-product-advice__button .elementor-button:focus-visible {
  color: #fff;

  background: #d95016;
  border-color: #d95016;
}


/* Phone */

.elementor-13069 .elementor-element.elementor-element-a8e8edf .swat-product-advice__phone {
  margin: 0;

  color: var(--swat-advice-text);

  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.elementor-13069 .elementor-element.elementor-element-a8e8edf .swat-product-advice__phone p {
  margin: 0;
}

.elementor-13069 .elementor-element.elementor-element-a8e8edf .swat-product-advice__phone a {
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}

.elementor-13069 .elementor-element.elementor-element-a8e8edf .swat-product-advice__phone a:hover {
  color: var(--swat-advice-orange);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

  .elementor-13069 .elementor-element.elementor-element-a8e8edf .swat-product-advice__inner {
    padding: 44px 28px;
    gap: 36px;
  }

  .elementor-13069 .elementor-element.elementor-element-a8e8edf .swat-product-advice__title .elementor-heading-title {
    font-size: 29px;
  }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .elementor-13069 .elementor-element.elementor-element-a8e8edf .swat-product-advice__inner {
    flex-direction: column !important;
    align-items: stretch !important;

    padding: 36px 20px;

    gap: 24px;
  }

  .elementor-13069 .elementor-element.elementor-element-a8e8edf .swat-product-advice__title .elementor-heading-title {
    font-size: 27px;
    line-height: 1.22;
  }

  .elementor-13069 .elementor-element.elementor-element-a8e8edf .swat-product-advice__text {
    font-size: 16px;
  }

  .elementor-13069 .elementor-element.elementor-element-a8e8edf .swat-product-advice__actions {
    width: 100%;
    min-width: 0;

    align-items: stretch !important;
  }

  .elementor-13069 .elementor-element.elementor-element-a8e8edf .swat-product-advice__button,
  .elementor-13069 .elementor-element.elementor-element-a8e8edf .swat-product-advice__button .elementor-button {
    width: 100%;
  }

  .elementor-13069 .elementor-element.elementor-element-a8e8edf .swat-product-advice__button .elementor-button {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .elementor-13069 .elementor-element.elementor-element-a8e8edf .swat-product-advice__button .elementor-button {
    transition: none;
  }
}/* End custom CSS */