@media (max-width: 700px){
  .page-id-91 .entry-content,
  .page-id-91 .wp-site-blocks,
  .page-id-91 main,
  .page-id-91 .site-content,
  .page-id-91 .content-area{
    padding-left:0 !important;
    padding-right:0 !important;
  }
}/* ==============================
   GSA MOBILE HOMEPAGE HERO V2
   ============================== */

@media (max-width:700px){

  /* Make hero truly edge-to-edge */
  .page-id-91 .gsa-mobile-hero{
    display:block !important;
    position:relative !important;
    width:100vw !important;
    max-width:100vw !important;
    height:500px !important;

    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;

    padding:0 !important;
    overflow:hidden !important;
    border-radius:0 !important;
    background:#111 !important;
  }

  /* Brighten and reposition mobile artwork */
  .page-id-91 .gsa-mobile-hero__image{
    position:absolute !important;
    inset:0 !important;

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

    object-fit:cover !important;
    object-position:center 55% !important;

    filter:
      brightness(1.22)
      saturate(1.12)
      contrast(1.02) !important;
  }

  /* Lighter overlay */
  .page-id-91 .gsa-mobile-hero__shade{
    position:absolute !important;
    inset:0 !important;

    background:
      linear-gradient(
        90deg,
        rgba(0,0,0,.55) 0%,
        rgba(0,0,0,.28) 50%,
        rgba(0,0,0,.05) 100%
      ),
      linear-gradient(
        0deg,
        rgba(0,0,0,.18) 0%,
        rgba(0,0,0,.02) 60%,
        rgba(0,0,0,.06) 100%
      ) !important;
  }

  /* Bring content higher */
  .page-id-91 .gsa-mobile-hero__content{
    position:absolute !important;
    z-index:2 !important;

    left:22px !important;
    right:22px !important;
    bottom:28px !important;

    max-width:340px !important;

    color:#fff !important;
    text-align:left !important;
  }

  .page-id-91 .gsa-mobile-hero__content h1{
    margin:0 0 10px !important;

    color:#fff !important;

    font-family:
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      Arial,
      sans-serif !important;

    font-size:34px !important;
    line-height:1 !important;
    font-weight:850 !important;
    letter-spacing:-.7px !important;

    text-shadow:0 2px 8px rgba(0,0,0,.35) !important;
  }

  /* Yellow brand highlight */
  .page-id-91 .gsa-mobile-hero__content h1 span{
    color:#FFB302 !important;
  }

  .page-id-91 .gsa-mobile-hero__content p{
    margin:0 0 16px !important;

    color:#fff !important;

    font-size:15px !important;
    line-height:1.38 !important;
    font-weight:600 !important;

    max-width:310px !important;

    text-shadow:0 2px 7px rgba(0,0,0,.35) !important;
  }

  /* Main mobile CTA */
  .page-id-91 .gsa-mobile-hero__cta{
    display:flex !important;

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

    width:100% !important;
    min-height:54px !important;

    padding:0 18px !important;

    border-radius:8px !important;

    background:#2E7D32 !important;
    color:#fff !important;

    text-decoration:none !important;

    font-size:18px !important;
    font-weight:800 !important;

    box-shadow:0 4px 12px rgba(0,0,0,.18) !important;
  }

}@media (max-width:700px){

  /* Make hero a bit shorter */
  .page-id-91 .gsa-mobile-hero{
    height:440px !important;
  }

  /* Push image focus lower so less sky shows */
  .page-id-91 .gsa-mobile-hero__image{
    object-position:center 68% !important;
    filter:brightness(1.18) saturate(1.12) contrast(1.01) !important;
  }

  /* Tighten branding position */
  .page-id-91 .gsa-mobile-hero__brand{
    top:16px !important;
    left:20px !important;
  }

  /* Bring text/button in a touch tighter */
  .page-id-91 .gsa-mobile-hero__content{
    left:20px !important;
    right:20px !important;
    bottom:20px !important;
    max-width:320px !important;
  }

  .page-id-91 .gsa-mobile-hero__content h1{
    font-size:32px !important;
  }

  .page-id-91 .gsa-mobile-hero__content p{
    margin-bottom:14px !important;
    font-size:14px !important;
    max-width:300px !important;
  }

  .page-id-91 .gsa-mobile-hero__cta{
    min-height:52px !important;
  }
}@media (max-width:700px){

  .page-id-91 .gsa-mobile-hero__brand{
    top:14px !important;
    left:14px !important;
    z-index:3 !important;
	}
  .page-id-91 .gsa-mobile-hero__brand img{
    width:190px !important;
    max-width:none !important;
    height:auto !important;
    display:block !important;
  }width:210px !important;
}@media (max-width:700px){

  .page-id-91 .gsa-mobile-hero__brand{
    top:14px !important;
    left:14px !important;
  }

  .page-id-91 .gsa-mobile-hero__brand strong{
    font-size:27px !important;
    line-height:1 !important;
    font-weight:900 !important;
  }

  .page-id-91 .gsa-mobile-hero__brand small{
    margin-top:5px !important;
    padding-left:30px !important;
    font-size:12px !important;
    letter-spacing:5px !important;
  }

}

/* GSA Homepage — shopping cards alignment */
@media (min-width: 701px) {
  body.page-id-91 .gsa-choose {
    padding: 44px 24px 48px !important;
  }

  body.page-id-91 .gsa-choose-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 24px !important;
    max-width: 1160px !important;
    margin: 0 auto !important;
  }

  body.page-id-91 .gsa-choice {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    height: 100% !important;
    min-height: 250px !important;
    padding: 32px 24px !important;
    text-align: center !important;
  }

  body.page-id-91 .gsa-choice strong {
    line-height: 1.15 !important;
    min-height: 72px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body.page-id-91 .gsa-choice small {
    line-height: 1.5 !important;
    margin: 12px 0 22px !important;
  }

  body.page-id-91 .gsa-choice .go {
    margin-top: auto !important;
    min-height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* Keep the four benefits evenly spaced */
body.page-id-91 .gsa-trust-strip {
  box-sizing: border-box !important;
  padding: 36px max(24px, calc((100% - 1160px) / 2)) !important;
}

/* =========================================
   GSA - Submit Listing / Add Details page
   ========================================= */

form.hp-form--listing-submit {
  max-width: 1280px;
  margin: 0 auto 50px !important;
  padding: 34px !important;
  background: #f4f6f3;
  border: 1px solid #dbe6dc;
  border-radius: 22px;
  box-shadow: 0 14px 35px rgba(0,0,0,0.06);
}

form.hp-form--listing-submit::before {
  content: "List your kart, parts or gear for Australia’s karting community.";
  display: block;
  margin-bottom: 28px;
  font-size: 18px;
  line-height: 1.5;
  color: #36553b;
}

form.hp-form--listing-submit .hp-form__field,
form.hp-form--listing-submit .hp-field {
  margin-bottom: 24px !important;
}

form.hp-form--listing-submit label {
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
  color: #153527;
}

form.hp-form--listing-submit input[type="text"],
form.hp-form--listing-submit input[type="number"],
form.hp-form--listing-submit input[type="email"],
form.hp-form--listing-submit input[type="url"],
form.hp-form--listing-submit input[type="tel"],
form.hp-form--listing-submit textarea,
form.hp-form--listing-submit select {
  width: 100%;
  min-height: 56px;
  padding: 14px 16px;
  border: 1px solid #c8d7c9;
  border-radius: 12px;
  background: #ffffff;
  color: #111111;
  font-size: 17px;
  box-shadow: none;
}

form.hp-form--listing-submit textarea {
  min-height: 180px;
  resize: vertical;
}

form.hp-form--listing-submit input[type="text"]:focus,
form.hp-form--listing-submit input[type="number"]:focus,
form.hp-form--listing-submit input[type="email"]:focus,
form.hp-form--listing-submit input[type="url"]:focus,
form.hp-form--listing-submit input[type="tel"]:focus,
form.hp-form--listing-submit textarea:focus,
form.hp-form--listing-submit select:focus {
  border-color: #2a8a3a;
  box-shadow: 0 0 0 4px rgba(42,138,58,0.12);
  outline: none;
}

form.hp-form--listing-submit .button,
form.hp-form--listing-submit button,
form.hp-form--listing-submit input[type="submit"] {
  background: #2a8a3a !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 12px !important;
  min-height: 54px;
  padding: 0 26px !important;
  font-size: 20px;
  font-weight: 800;
  box-shadow: none !important;
}

form.hp-form--listing-submit .button:hover,
form.hp-form--listing-submit button:hover,
form.hp-form--listing-submit input[type="submit"]:hover {
  background: #236f30 !important;
  color: #ffffff !important;
}

form.hp-form--listing-submit .hp-field--images .button,
form.hp-form--listing-submit .hp-field--images button {
  background: #2a8a3a !important;
  color: #ffffff !important;
  border-radius: 12px !important;
}

form.hp-form--listing-submit .hp-field__description,
form.hp-form--listing-submit small,
form.hp-form--listing-submit .description {
  color: #5a6b5d;
  font-size: 14px;
}

/* Tidy page heading */
.site-main h1,
.entry-title,
.page-title {
  color: #112f22;
  font-weight: 900;
  letter-spacing: -1px;
}

/* Mobile tidy-up */
@media (max-width: 700px) {
  form.hp-form--listing-submit {
    padding: 22px !important;
    border-radius: 16px;
  }

  form.hp-form--listing-submit::before {
    font-size: 16px;
  }

  form.hp-form--listing-submit input[type="text"],
  form.hp-form--listing-submit input[type="number"],
  form.hp-form--listing-submit input[type="email"],
  form.hp-form--listing-submit input[type="url"],
  form.hp-form--listing-submit input[type="tel"],
  form.hp-form--listing-submit textarea,
  form.hp-form--listing-submit select {
    font-size: 16px;
    min-height: 52px;
  }

  form.hp-form--listing-submit .button,
  form.hp-form--listing-submit button,
  form.hp-form--listing-submit input[type="submit"] {
    width: 100%;
  }
}
/* =========================
   GSA / CSA Glam - My Account / Settings
   ========================= */

:root{
  --gsa-green:#2f9e44;
  --gsa-green-dark:#1f6f31;
  --gsa-black:#0b0d0c;
  --gsa-text:#153527;
  --gsa-muted:#5f6f63;
  --gsa-bg:#f4f6f4;
  --gsa-card:#ffffff;
  --gsa-border:#dbe5dc;
  --gsa-shadow:0 10px 28px rgba(0,0,0,.08);
  --gsa-radius:16px;
}

/* page background / spacing */
body .site-content,
body .content-area,
body .site-main {
  background: var(--gsa-bg);
}

/* main account wrapper */
body .hp-page {
  padding-top: 18px;
  padding-bottom: 30px;
}

/* sidebar menu */
body .hp-menu--account,
body .hp-menu--user {
  background: var(--gsa-card);
  border: 1px solid var(--gsa-border);
  border-radius: var(--gsa-radius);
  box-shadow: var(--gsa-shadow);
  padding: 12px 0;
  overflow: hidden;
}

body .hp-menu--account li,
body .hp-menu--user li {
  border: 0 !important;
  margin: 0 !important;
}

body .hp-menu--account a,
body .hp-menu--user a {
  display: block;
  padding: 14px 22px;
  color: var(--gsa-text) !important;
  font-weight: 700;
  text-decoration: none;
  transition: all .2s ease;
  border-left: 4px solid transparent;
}

body .hp-menu--account a:hover,
body .hp-menu--user a:hover {
  background: #eef7f0;
  color: var(--gsa-green-dark) !important;
  border-left-color: var(--gsa-green);
}

body .hp-menu--account .current-menu-item a,
body .hp-menu--user .current-menu-item a,
body .hp-menu--account .is-active a,
body .hp-menu--user .is-active a {
  background: linear-gradient(90deg, #10381f 0%, #2f9e44 100%);
  color: #fff !important;
  border-left-color: #7ed957;
}

/* settings heading */
body h1,
body .entry-title,
body .page-title {
  color: var(--gsa-text);
  font-weight: 900;
  letter-spacing: -.02em;
  margin-bottom: 18px;
}

/* settings form card */
body form,
body .hp-form,
body .hp-form--user-update {
  background: var(--gsa-card);
  border: 1px solid var(--gsa-border);
  border-radius: 20px;
  box-shadow: var(--gsa-shadow);
  padding: 28px;
}

/* labels */
body label,
body .hp-field__label,
body .hp-form__label {
  color: var(--gsa-text);
  font-weight: 700;
  margin-bottom: 8px;
  display: inline-block;
}

/* inputs / textarea / select */
body input[type="text"],
body input[type="email"],
body input[type="password"],
body input[type="url"],
body input[type="tel"],
body input[type="number"],
body textarea,
body select {
  width: 100%;
  border: 1px solid #cfd9d1 !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #111 !important;
  min-height: 52px;
  padding: 12px 16px;
  box-shadow: none !important;
  transition: all .2s ease;
}

body textarea {
  min-height: 140px;
  resize: vertical;
}

body input:focus,
body textarea:focus,
body select:focus {
  border-color: var(--gsa-green) !important;
  box-shadow: 0 0 0 4px rgba(47,158,68,.12) !important;
  outline: none !important;
}

/* checkboxes */
body input[type="checkbox"] {
  transform: scale(1.1);
  margin-right: 8px;
  accent-color: var(--gsa-green);
}

/* buttons */
body button,
body input[type="submit"],
body .button,
body .btn,
body .hp-form button,
body .hp-form input[type="submit"],
body .hp-form .button {
  background: var(--gsa-green) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 12px !important;
  min-height: 50px;
  padding: 12px 24px;
  font-weight: 800;
  box-shadow: none !important;
  transition: all .2s ease;
}

body button:hover,
body input[type="submit"]:hover,
body .button:hover,
body .btn:hover,
body .hp-form button:hover,
body .hp-form input[type="submit"]:hover,
body .hp-form .button:hover {
  background: var(--gsa-green-dark) !important;
  transform: translateY(-1px);
}

/* image upload button */
body .hp-field--file .button,
body .hp-field--attachment .button {
  background: var(--gsa-green) !important;
  color: #fff !important;
  border-radius: 12px !important;
}

/* helper text / optional text */
body small,
body .description,
body .hp-field__description {
  color: var(--gsa-muted);
}

/* save button spacing */
body .hp-form__footer,
body .hp-form__actions {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
}

/* links like View Profile / Delete Account */
body .hp-form__footer a,
body .hp-form__actions a {
  font-weight: 700;
  text-decoration: none;
}

body .hp-form__footer a:hover,
body .hp-form__actions a:hover {
  text-decoration: underline;
}

body a[href*="delete"] {
  color: #b42318 !important;
}

/* optional: make whole account section breathe a bit more */
body .hp-page__content,
body .hp-page__main,
body .hp-page__sidebar {
  margin-bottom: 20px;
}

/* mobile tidy-up */
@media (max-width: 768px) {
  body form,
  body .hp-form,
  body .hp-form--user-update {
    padding: 20px;
    border-radius: 16px;
  }

  body .hp-menu--account a,
  body .hp-menu--user a {
    padding: 12px 16px;
  }
}

/* GOKART SALES AUSTRALIA
   Header and Navigation Tidy-Up */

/* Desktop only */
@media screen and (min-width: 1025px) {

  /* Make the site title more compact */
  .site-header .site-title,
  .site-header .site-title a {
    font-size: clamp(26px, 2.5vw, 38px) !important;
    line-height: 1.15 !important;
    letter-spacing: -0.5px !important;
  }

  /* Tidy the tagline */
  .site-header .site-description {
    font-size: 14px !important;
    line-height: 1.4 !important;
  }

  /* Keep navigation inside the screen */
  .site-header .main-navigation,
  .site-header .main-navigation ul {
    max-width: 100%;
    box-sizing: border-box;
  }

  /* Allow tabs to wrap rather than disappear */
  .site-header .main-navigation ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    column-gap: 14px;
  }

  /* Compact desktop menu text */
  .site-header .main-navigation a {
    font-size: 13px !important;
    white-space: nowrap;
  }
}

/* Mobile title improvement */
@media screen and (max-width: 767px) {

  .site-header .site-title,
  .site-header .site-title a {
    font-size: clamp(23px, 5vw, 30px) !important;
    line-height: 1.1 !important;
  }

  .site-header .site-description {
    font-size: 12px !important;
    line-height: 1.4 !important;
  }
}

/* GOKART SALES AUSTRALIA
   DESKTOP HEADER NAVIGATION FIX */

@media screen and (min-width: 1025px) {

  /* Give the header its full available width */
  .site-header {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Move navigation onto its own full-width row */
  .site-header .main-navigation,
  .site-header #site-navigation {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both !important;
    margin: 0 auto 12px !important;
    box-sizing: border-box !important;
  }

  /* Allow navigation links to wrap neatly */
  .site-header .main-navigation > div > ul,
  .site-header .main-navigation > ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    column-gap: 18px !important;
    row-gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  /* Stop menu items being forced off-screen */
  .site-header .main-navigation > div > ul > li,
  .site-header .main-navigation > ul > li {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
  }

  /* Keep each navigation label readable */
  .site-header .main-navigation > div > ul > li > a,
  .site-header .main-navigation > ul > li > a {
    font-size: 13px !important;
    white-space: nowrap !important;
  }
}


@media screen and (min-width: 1025px) {

  /* Use the header as the positioning area */
  .site-header {
    position: relative !important;
  }

  /* Reserve space for the shopping cart */
  .site-header .site-branding {
    padding-right: 230px !important;
    box-sizing: border-box !important;
  }

  /* Position the WooCommerce cart on the right */
  .site-header .site-header-cart,
  .site-header .cart-contents {
    position: absolute !important;
    right: 35px !important;
    bottom: 15px !important;
    margin: 0 !important;
    z-index: 20 !important;
  }

  /* Cart price styling */
  .site-header .woocommerce-Price-amount {
    font-weight: 700 !important;
    color: #173326 !important;
  }
}