.elementor-1231 .elementor-element.elementor-element-4b89303{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1231 .elementor-element.elementor-element-f231310{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1231 .elementor-element.elementor-element-0972602{--display:flex;border-style:solid;--border-style:solid;border-width:0px 0px 0px 1px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.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 );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-1231 .elementor-element.elementor-element-a4a015e img{width:100%;height:205px;object-fit:contain;object-position:center center;}.elementor-1231 .elementor-element.elementor-element-7a7b84c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1231 .elementor-element.elementor-element-5e46731{--display:flex;--min-height:95px;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1231 .elementor-element.elementor-element-b4f9810{--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:2px 2px;--row-gap:2px;--column-gap:2px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1231 .elementor-element.elementor-element-7aaf95b{text-align:start;}.elementor-1231 .elementor-element.elementor-element-7aaf95b img{width:22px;height:22px;object-fit:contain;object-position:center center;}.elementor-1231 .elementor-element.elementor-element-a5e3fd0{text-align:start;}.elementor-1231 .elementor-element.elementor-element-a5e3fd0 img{width:22px;height:22px;object-fit:contain;object-position:center center;}.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 );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );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-1231 .elementor-element.elementor-element-e664449 .elementor-heading-title{font-family:var( --e-global-typography-310b0a3-font-family ), Sans-serif;font-size:var( --e-global-typography-310b0a3-font-size );font-weight:var( --e-global-typography-310b0a3-font-weight );text-transform:var( --e-global-typography-310b0a3-text-transform );font-style:var( --e-global-typography-310b0a3-font-style );text-decoration:var( --e-global-typography-310b0a3-text-decoration );line-height:var( --e-global-typography-310b0a3-line-height );letter-spacing:var( --e-global-typography-310b0a3-letter-spacing );}.elementor-1231 .elementor-element.elementor-element-db888cb{--display:flex;--min-height:102px;--justify-content:space-between;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1231 .elementor-element.elementor-element-37e55a8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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 );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );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-1231 .elementor-element.elementor-element-1216ab6{font-family:var( --e-global-typography-129d73b-font-family ), Sans-serif;font-size:var( --e-global-typography-129d73b-font-size );font-weight:var( --e-global-typography-129d73b-font-weight );text-transform:var( --e-global-typography-129d73b-text-transform );font-style:var( --e-global-typography-129d73b-font-style );text-decoration:var( --e-global-typography-129d73b-text-decoration );line-height:var( --e-global-typography-129d73b-line-height );letter-spacing:var( --e-global-typography-129d73b-letter-spacing );color:var( --e-global-color-197da7d );}.elementor-1231 .elementor-element.elementor-element-8f7bab5{--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1231 .elementor-element.elementor-element-5812ba2{--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;--align-items:center;--gap:4px 4px;--row-gap:4px;--column-gap:4px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1231 .elementor-element.elementor-element-dd8d29f .elementor-heading-title{font-family:"proxima-nova", Sans-serif;font-size:17px;font-weight:700;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;color:var( --e-global-color-secondary );}.elementor-1231 .elementor-element.elementor-element-1469b30 .elementor-heading-title{font-family:"proxima-nova", Sans-serif;font-size:13px;font-weight:700;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;color:var( --e-global-color-secondary );}.elementor-1231 .elementor-element.elementor-element-9284115{--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:flex-end;--align-items:flex-end;--gap:4px 4px;--row-gap:4px;--column-gap:4px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-1231 .elementor-element.elementor-element-4b89303{--content-width:300px;}.elementor-1231 .elementor-element.elementor-element-9284115{--width:70%;}}@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 );letter-spacing:var( --e-global-typography-text-letter-spacing );}.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-1231 .elementor-element.elementor-element-e664449 .elementor-heading-title{font-size:var( --e-global-typography-310b0a3-font-size );line-height:var( --e-global-typography-310b0a3-line-height );letter-spacing:var( --e-global-typography-310b0a3-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-1231 .elementor-element.elementor-element-1216ab6{font-size:var( --e-global-typography-129d73b-font-size );line-height:var( --e-global-typography-129d73b-line-height );letter-spacing:var( --e-global-typography-129d73b-letter-spacing );}.elementor-1231 .elementor-element.elementor-element-8f7bab5{--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-1231 .elementor-element.elementor-element-5812ba2{--gap:4px 4px;--row-gap:4px;--column-gap:4px;}.elementor-1231 .elementor-element.elementor-element-9284115{--gap:4px 4px;--row-gap:4px;--column-gap:4px;}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.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-1231 .elementor-element.elementor-element-e664449 .elementor-heading-title{font-size:var( --e-global-typography-310b0a3-font-size );line-height:var( --e-global-typography-310b0a3-line-height );letter-spacing:var( --e-global-typography-310b0a3-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-1231 .elementor-element.elementor-element-1216ab6{font-size:var( --e-global-typography-129d73b-font-size );line-height:var( --e-global-typography-129d73b-line-height );letter-spacing:var( --e-global-typography-129d73b-letter-spacing );}.elementor-1231 .elementor-element.elementor-element-8f7bab5{--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:flex-start;--align-items:flex-start;}.elementor-1231 .elementor-element.elementor-element-dd8d29f .elementor-heading-title{font-size:16px;}.elementor-1231 .elementor-element.elementor-element-1469b30 .elementor-heading-title{font-size:16px;}.elementor-1231 .elementor-element.elementor-element-9284115{--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}/* Start custom CSS for image, class: .elementor-element-a4a015e *//* ------------------------------------------------------------------
   Product directory – "View" hover circle
   Matched to Figma: 119px circle, black at 80%, Proxima Nova
   - Brightness filter removed (was causing the visible image edge)
   - Circle caps at the Figma size, shrinks only on narrow cards
------------------------------------------------------------------ */

/* Wrap must be positioned to hold the overlay */
.view-circle {
  position: relative;
  display: block;
  overflow: hidden;
}

.view-circle img {
  display: block;
}

/* The black circle with "View" */
.view-circle::after {
  content: "View";
  position: absolute;
  left: 50%;
  top: 50%;

  /* Exactly 119px per Figma, but never more than 40% of the card
     so it doesn't swamp small cards or mobile columns */
  width: min(119px, 40%);
  aspect-ratio: 1 / 1;

  border-radius: 50%;

  /* 80% fill opacity, applied to the colour so the text stays solid */
  background: rgba(0, 0, 0, 0.8);
  color: #fff;

  font-family: "proxima-nova", "Proxima Nova", "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.01em;

  display: flex;
  align-items: center;
  justify-content: center;

  opacity: 0;
  transform: translate(-50%, -50%) scale(0.85);
  transition: opacity 0.25s ease, transform 0.25s ease;
  pointer-events: none; /* lets clicks go to the link */
}

/* Show on hover and keyboard focus */
.view-circle:hover::after,
.view-circle:focus-within::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {
  .view-circle::after,
  .view-circle:hover::after,
  .view-circle:focus-within::after {
    transform: translate(-50%, -50%);
    transition: opacity 0.15s ease;
  }
}/* End custom CSS */