.elementor-11672 .elementor-element.elementor-element-4fc19a5{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:59px;--padding-bottom:59px;--padding-left:0px;--padding-right:0px;}.elementor-11672 .elementor-element.elementor-element-8798138{width:100%;max-width:100%;}.elementor-11672 .elementor-element.elementor-element-8798138 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-11672 .elementor-element.elementor-element-8798138.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-11672 .elementor-element.elementor-element-8798138 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11672 .elementor-element.elementor-element-8798138.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}}@media(min-width:2400px){.elementor-11672 .elementor-element.elementor-element-8798138{width:var( --container-widget-width, 762.24px );max-width:762.24px;--container-widget-width:762.24px;--container-widget-flex-grow:0;}}/* Start custom CSS for html, class: .elementor-element-8798138 *//***********************
  SCOPE: this section only
  Section has class: tc-area
***********************/
.tc-area {
  /* prevent any tiny horizontal scroll and weird shifts */
  overflow: hidden;
}

/* Reset common Elementor paddings/boxing just in this section on mobile */
@media (max-width: 767px) {
  .tc-area .elementor-container,
  .tc-area .elementor-row,
  .tc-area .elementor-column,
  .tc-area .elementor-widget-wrap {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
  }
}

/* The card that holds the iframe */
.tc-area .tc-embed {
  /* brand + radius restored */
  --accent: #ff3131;     /* OnSite Tires accent */
  --dark: #1e1411;       /* OnSite Tires dark */
  --radius: 26px;

  box-sizing: border-box;
  background: #fff;
  border: 0px solid var(--dark);
  border-radius: var(--radius);    /* <-- rounded corners back */
  overflow: hidden;                /* <-- clip inner content to radius */
  padding: clamp(16px, 2.5vw, 28px);
  box-shadow: 0 10px 30px rgba(0,0,0,.18);

  width: 100%;
  max-width: 1200px;               /* good on desktop */
  margin: 0 auto;                  /* center on desktop/tablet */
  position: relative;
}

/* Optional top accent bar */
.tc-area .tc-embed::before {
  content: "";
  position: absolute;
  top: 0px; left: 0px; right: 0px;
  height: 6px;
  background: var(--accent);
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
}

/* The injected TireConnect iframe */
.tc-area .tc-embed iframe {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 720px;               /* desktop/tablet baseline */
  border: 0 !important;
}

/* -------- Mobile fixes -------- */
@media (max-width: 767px) {
  /* Center the block and make it wide */
  .tc-area {
    display: flex;                  /* center everything inside the section */
    justify-content: center;
    padding-top: 50px;              /* show some background above */
    
      
  }

  .tc-area .tc-embed {
    width: min(700px, 92vw);        /* full width with small side gutters */
    margin: 10px auto 0;            /* slight lower placement */
    border-radius: 12px;            /* softer radius for phones */
    padding: 14px 12px;
  }

  .tc-area .tc-embed iframe {
    min-height: 640px;              /* prevents “skinny” collapse */
  }

  /* Safety: neutralize Elementor motion/transform offsets in this section */
  .tc-area [class*="motion-effects"],
  .tc-area .elementor-element[style*="transform"] {
    transform: none !important;
  }
}

/* Optional: place this section on a dark strip and keep radius visible
.tc-area .tc-embed { background:#0f0f0f; border-color:#2a2a2a; box-shadow:none; }
.tc-area .tc-embed::before { background: var(--accent); }
*//* End custom CSS */