.elementor-3 .elementor-element.elementor-element-df68e0a{--display:flex;}.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 );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 );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-3 .elementor-element.elementor-element-35e6fcf1{color:var( --e-global-color-accent );}:root{--page-title-display:none;}@media(max-width:1024px){.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-3 .elementor-element.elementor-element-df68e0a{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-3 .elementor-element.elementor-element-35e6fcf1{width:100%;max-width:100%;column-gap:0px;}.elementor-3 .elementor-element.elementor-element-35e6fcf1 > .elementor-widget-container{padding:0px 0px 0px 0px;}body.elementor-page-3{padding:0px 0px 0px 0px;}}/* Start custom CSS for text-editor, class: .elementor-element-35e6fcf1 *//* ================================
   SUPREME | Privacy Policy (FINAL + MOBILE)
   Scoped to .supreme-privacy ONLY
   Add class "supreme-privacy" to the section/container that wraps your policy text
   ================================ */

.supreme-privacy{
  --supreme-orange: #E66713;
  --supreme-text: rgba(255,255,255,0.92);
  --supreme-muted: rgba(255,255,255,0.74);
  --supreme-card: rgba(10,10,10,0.75);
  --supreme-border: rgba(255,255,255,0.12);

  max-width: 980px;
  margin: 48px auto;
  padding: clamp(22px, 3vw, 42px);
  background: var(--supreme-card);
  border: 1px solid var(--supreme-border);
  border-radius: 18px;
  box-shadow: 0 20px 55px rgba(0,0,0,0.55);
  backdrop-filter: blur(10px);

  color: var(--supreme-text);
}

/* ---------- TITLE (Shield inline + underline only as long as the words) ---------- */
.supreme-privacy h1{
  display: inline-flex;          /* shrink to content width */
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;

  margin: 0 0 22px 0;
  padding: 0 !important;
  border-bottom: none !important; /* kills the faint second line */

  color: #fff;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Shield icon (SVG mask so it stays crisp) */
.supreme-privacy h1::before{
  content: "";
  width: 26px;
  height: 26px;
  background-color: var(--supreme-orange);
  flex-shrink: 0;

  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2L4 5v6c0 5.55 3.84 10.74 8 12 4.16-1.26 8-6.45 8-12V5l-8-3z'/%3E%3C/svg%3E") center/contain no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2L4 5v6c0 5.55 3.84 10.74 8 12 4.16-1.26 8-6.45 8-12V5l-8-3z'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Underline: matches ONLY the text width (not the shield) */
.supreme-privacy h1::after{
  content: "";
  display: block;
  flex-basis: 100%;
  height: 3px;
  margin-top: 14px;
  border-radius: 999px;
  background: var(--supreme-orange);

  /* start under the letters, not the shield */
  width: calc(100% - 40px);
  margin-left: 40px;
}

/* ---------- HEADINGS ---------- */
.supreme-privacy h2{
  margin: 34px 0 10px;
  font-size: clamp(20px, 2.1vw, 26px);
  color: #fff;
  font-weight: 800;

  padding-left: 14px;
  border-left: 4px solid var(--supreme-orange);
}

.supreme-privacy h3{
  margin: 22px 0 8px;
  font-size: clamp(16px, 1.7vw, 20px);
  color: rgba(255,255,255,0.82);
  font-weight: 700;
}

/* ---------- BODY TEXT ---------- */
.supreme-privacy p,
.supreme-privacy li{
  color: var(--supreme-muted);
  font-size: 16.5px;
  line-height: 1.75;
}

.supreme-privacy strong{
  color: #fff;
}

/* ---------- LINKS (clean, no underline effects) ---------- */
.supreme-privacy a{
  color: rgba(255,255,255,0.92);
  text-decoration: none !important;
  border: none !important;
  box-shadow: none !important;
  word-break: break-word; /* helps long URLs on mobile */
}

.supreme-privacy a:hover{
  color: var(--supreme-orange);
}

/* ---------- LISTS ---------- */
.supreme-privacy ul{
  padding-left: 1.1em;
}

.supreme-privacy ul li::marker{
  color: var(--supreme-orange);
}

/* ---------- TABLES (if WP inserts any) ---------- */
.supreme-privacy table{
  width: 100%;
  border-collapse: collapse;
  margin: 18px 0;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid var(--supreme-border);
}

.supreme-privacy th{
  background: rgba(230,103,19,0.12);
  color: #fff;
  padding: 12px 14px;
  text-align: left;
}

.supreme-privacy td{
  padding: 12px 14px;
  color: var(--supreme-muted);
  border-top: 1px solid var(--supreme-border);
}

/* ---------- MOBILE FRIENDLY ---------- */
@media (max-width: 768px){
  .supreme-privacy{
    margin: 22px 14px;
    padding: 20px;
    border-radius: 16px;
  }

  .supreme-privacy h1{
    font-size: clamp(24px, 6vw, 34px);
    gap: 12px;
  }

  .supreme-privacy h1::before{
    width: 22px;
    height: 22px;
  }

  .supreme-privacy h1::after{
    height: 3px;
    margin-top: 12px;
    width: calc(100% - 34px);
    margin-left: 34px;
  }

  .supreme-privacy p,
  .supreme-privacy li{
    font-size: 16px;
    line-height: 1.7;
  }

  .supreme-privacy h2{
    margin-top: 28px;
  }
}

@media (max-width: 420px){
  .supreme-privacy{
    margin: 18px 12px;
    padding: 18px;
  }

  .supreme-privacy h1{
    letter-spacing: 0.3px;
  }
}
/* ===== Mobile: keep the whole card centered with breathing room ===== */
@media (max-width: 768px){

  /* Make the privacy card act like a centered card, not a full-bleed block */
  .supreme-privacy{
    width: auto !important;
    max-width: 680px;              /* keeps it card-like */
    margin: 20px auto !important;  /* centers it */
    padding: 18px !important;

    /* this is the key: equal padding outside the box */
    box-sizing: border-box;
  }

  /* Force the Elementor section/column holding it to not push wider */
  .supreme-privacy{
    position: relative;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }

  /* Safety net: if a parent is doing something weird, prevent sideways overflow */
  body, html{
    overflow-x: hidden;
  }
}
/* ===== Mobile: stop right-side overflow on privacy page ===== */
.supreme-privacy{
  box-sizing: border-box;
  max-width: 100%;
  overflow-x: hidden; /* safety net */
}

/* Make all children respect the container width */
.supreme-privacy *,
.supreme-privacy *::before,
.supreme-privacy *::after{
  box-sizing: border-box;
  max-width: 100%;
}

/* Long URLs and “Suggested text” lines: force wrap */
.supreme-privacy a,
.supreme-privacy p,
.supreme-privacy li{
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* If the underline calc is pushing wide, clamp it */
@media (max-width: 768px){
  .supreme-privacy h1::after{
    max-width: 100%;
  }
}/* End custom CSS */