/* AUTOOL canonical CSS module: autool-article-guides.css. Generated from consolidated project CSS. */
.autool-tire-guide {
  --ag-brand: var(--autool-brand, var(--theme-palette-color-1, #feb511));
  --ag-brand-hover: var(--autool-brand-hover, var(--theme-palette-color-2, #e5a30f));
  --ag-ink: var(--autool-heading, var(--theme-headings-color, #111214));
  --ag-text: var(--autool-text, var(--theme-text-color, #3d4047));
  --ag-muted: var(--autool-muted, var(--theme-palette-color-3, #687279));
  --ag-border: var(--autool-border, var(--theme-border-color, #e5e7eb));
  --ag-line: color-mix(in srgb, var(--ag-border) 76%, transparent);
  --ag-surface: var(--autool-surface, var(--theme-palette-color-8, #ffffff));
  --ag-surface-alt: var(--autool-surface-alt, var(--theme-palette-color-7, #f7f8fa));
  --ag-accent-soft: var(--autool-accent-soft, color-mix(in srgb, var(--ag-brand) 8%, var(--ag-surface)));
  --ag-radius: var(--autool-radius, var(--theme-border-radius, 0px));
  --ag-shadow: var(--autool-shadow, 0 12px 28px rgba(17,18,20,.08));
  --ag-flow: var(--autool-desc-flow-gap, clamp(16px, 1.8vw, 26px));
  --ag-section-space: var(--autool-desc-section-space, clamp(34px, 4.2vw, 64px));
  color: var(--ag-text);
  font-family: inherit;
  line-height: 1.78;
  font-size: 16.5px;
  letter-spacing: 0;
}

.autool-tire-guide, .autool-tire-guide * {
  box-sizing: border-box;
}

.autool-tire-guide a {
  color: inherit;
  text-decoration: none;
}

.autool-tire-guide a:hover {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.autool-tire-guide img {
  display: block;
  width: 100%;
  height: auto;
}

.autool-tire-guide p {
  margin: 0 0 1em;
  margin-bottom: 1.08em;
}

.autool-tire-guide strong {
  color: var(--ag-ink);
  font-weight: 700;
}

.autool-tire-guide p, .autool-tire-guide li {
  font-size: inherit;
  line-height: 1.78;
}

.autool-tire-guide h1, .autool-tire-guide h2, .autool-tire-guide h3, .autool-tire-guide h4 {
  color: var(--ag-ink);
  text-wrap: balance;
}

.autool-tire-guide .ag-heading {
  margin-bottom: 16px;
  line-height: 1.2;
}

.autool-tire-guide .ag-subheading {
  margin-top: 28px;
  margin-bottom: 12px;
}

.autool-tire-guide .ag-richtext {
  font-size: clamp(16px, 1.05vw, 17px);
  line-height: 1.82;
}

.autool-tire-guide .ag-richtext p + p {
  margin-top: .15em;
}

.autool-tire-guide .ag-block {
  margin-block: clamp(38px, 4vw, 64px);
}

.autool-tire-guide .ag-section-header {
  margin-bottom: 22px;
}

.autool-tire-guide .ag-editorial-list {
  margin: 18px 0 26px;
}

.autool-tire-guide .ag-editorial-list li {
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: clamp(15.5px, 1vw, 16.5px);
  line-height: 1.75;
}

.autool-tire-guide .ag-list-title {
  margin-bottom: 5px;
}

.autool-tire-guide .ag-product-card, .autool-tire-guide .ag-option-card, .autool-tire-guide .ag-blog-card, .autool-tire-guide .ag-sidebar-widget {
  border-radius: var(--autool-radius);
}

.autool-tire-guide .ag-product-card {
  padding: clamp(16px, 1.7vw, 20px);
}

.autool-tire-guide .ag-option-card {
  padding: clamp(20px, 2.2vw, 28px);
}

.autool-tire-guide .ag-button {
  min-height: 44px;
  padding: 11px 17px;
}

.autool-tire-guide .ag-guide-strip {
  margin-top: 24px;
  margin-bottom: 4px;
}

.autool-tire-guide .ag-guide-card {
  padding: clamp(16px, 1.7vw, 20px);
}

.autool-tire-guide .ag-guide-card__title {
  font-size: 17px;
  line-height: 1.3;
}

.autool-tire-guide .ag-guide-card__text {
  font-size: 13.5px;
  line-height: 1.58;
}

body.single-post .autool-tire-guide .autool-desc-products [data-products] .product.product-type-variable .price .wcpbc-price:not(.loading) {
  display: inline-flex;
  align-items: baseline;
  justify-content: var(--autool-card-price-justify, center);
  gap: .28em;
  max-width: 100%;
  color: inherit;
  font: inherit;
  line-height: inherit;
  white-space: nowrap;
}

body.single-post .autool-tire-guide .autool-desc-products [data-products] .product.product-type-variable .price .wcpbc-price:not(.loading)::before {
  content: "From";
  display: inline-block;
}

body.single-post .autool-tire-guide .autool-desc-products [data-products] .product.product-type-variable .price .wcpbc-price:not(.loading) .sale-price {
  display: inline-flex;
  align-items: baseline;
}

body.single-post .autool-tire-guide .autool-desc-products [data-products] .product.product-type-variable .price .wcpbc-price:not(.loading) .sale-price ins {
  display: inline-flex;
  text-decoration: none;
}

body.single-post .autool-standard-post-related {
  --ag-brand: var(--theme-palette-color-1, #FEB511);
  --ag-brand-hover: var(--theme-palette-color-2, #E5A30F);
  --ag-ink: var(--theme-headings-color, #1A1D20);
  --ag-text: var(--theme-text-color, #4A5568);
  --ag-muted: var(--theme-palette-color-3, #4A5568);
  --ag-border: var(--theme-border-color, rgba(17, 18, 20, 0.12));
  --ag-surface: var(--theme-palette-color-8, #FFFFFF);
  --ag-surface-soft: var(--theme-palette-color-7, #F7F8FA);
  --ag-radius: var(--theme-form-field-border-radius, 8px);
  --ag-shadow: 0 12px 28px rgba(17, 18, 20, 0.08);
  width: min(100%, var(--theme-container-width, 1290px));
  max-width: var(--theme-container-width, 1290px);
  margin: clamp(34px, 5vw, 64px) auto 0;
  color: var(--ag-text);
  --black: #080808;
  --white: #ffffff;
  --accent: var(--theme-palette-color-1,#F5C400);
  --gray-50: var(--theme-palette-color-7,#F7F8FA);
  --gray-100: color-mix(in srgb,var(--theme-palette-color-7,#f7f8fa) 88%,var(--theme-palette-color-4,#111111));
  --gray-200: var(--theme-border-color,#E5E7EB);
  --gray-300: color-mix(in srgb,var(--theme-text-color,#4A5568) 45%,var(--theme-palette-color-8,#ffffff));
  --gray-400: color-mix(in srgb,var(--theme-palette-color-8,#ffffff) 70%,var(--theme-palette-color-4,#111111));
  --gray-500: var(--theme-text-color,#4A5568);
  --gray-700: color-mix(in srgb,var(--theme-palette-color-4,#111111) 82%,var(--theme-palette-color-8,#ffffff));
  --gray-800: color-mix(in srgb,var(--theme-palette-color-4,#111111) 92%,var(--theme-palette-color-8,#ffffff));
  --gray-900: var(--theme-headings-color,var(--theme-palette-color-4,#111111));
  --font-display: var(--theme-heading-font-family,'Barlow Condensed',sans-serif);
  --font-body: var(--theme-font-family,'Inter',sans-serif);
  --font-mono: 'IBM Plex Mono',monospace;
  --radius: var(--autool-radius,var(--theme-border-radius,0px));
  --text-on-light: var(--theme-text-color,#4A5568);
  --heading-on-light: var(--theme-headings-color,var(--theme-palette-color-4,#111111));
}

body.single-post .autool-standard-post-related .ag-block {
  margin: clamp(30px, 4vw, 54px) 0 0;
}

body.single-post .autool-standard-post-related .ag-section-heading, body.single-post .autool-standard-post-related .ag-section-header {
  margin-bottom: clamp(16px, 2.2vw, 26px);
}

body.single-post .autool-standard-post-related .ag-section-header {
  display: flex;
  align-items: center;
  gap: 14px;
}

body.single-post .autool-standard-post-related .ag-section-kicker, body.single-post .autool-standard-post-related .ag-eyebrow, body.single-post .autool-standard-post-related .autool-guide-meta {
  color: var(--ag-brand);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.35;
  text-transform: uppercase;
}

body.single-post .autool-standard-post-related .ag-section-line {
  flex: 1 1 auto;
  height: 1px;
  background: var(--ag-border);
}

body.single-post .autool-standard-post-related .ag-heading, body.single-post .autool-standard-post-related .ag-section-heading h2 {
  margin: 0;
  color: var(--ag-ink);
  font-size: clamp(26px, 3vw, 38px);
  font-weight: 800;
  line-height: 1.16;
}

body.single-post .autool-standard-post-related .ag-section-heading p:not(.ag-eyebrow) {
  max-width: 760px;
  margin: 10px 0 0;
  color: var(--ag-muted);
  line-height: 1.72;
}

body.single-post .autool-standard-post-related .autool-products-slider, body.single-post .autool-standard-post-related .autool-guide-grid {
  margin-top: clamp(18px, 2.2vw, 26px);
}

body.single-post .autool-standard-post-related .autool-guide-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(14px, 1.6vw, 18px);
  align-items: stretch;
}

body.single-post .autool-standard-post-related .autool-guide-card {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  height: 100%;
  overflow: hidden;
  background: var(--ag-surface);
  border: 1px solid var(--ag-border);
  border-radius: var(--ag-radius);
  box-shadow: var(--ag-shadow);
}

body.single-post .autool-standard-post-related .autool-guide-media {
  display: block;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: var(--ag-surface-soft);
}

body.single-post .autool-standard-post-related .autool-guide-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.single-post .autool-standard-post-related .autool-guide-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: clamp(16px, 1.8vw, 22px);
}

body.single-post .autool-standard-post-related .autool-guide-title {
  margin: 0;
  color: var(--ag-ink);
  font-size: clamp(17px, 1.35vw, 20px);
  font-weight: 800;
  line-height: 1.32;
}

body.single-post .autool-standard-post-related .autool-guide-title a {
  color: inherit;
  text-decoration: none;
}

body.single-post .autool-standard-post-related .autool-guide-copy {
  margin: 0;
  color: var(--ag-muted);
  font-size: 14px;
  line-height: 1.58;
}

body.single-post .autool-standard-post-related .autool-desc-products .woocommerce, body.single-post .autool-standard-post-related .autool-desc-products ul.products {
  margin-top: 0;
  margin-bottom: 0;
}

body.single-post .entry-content.is-layout-constrained .autool-standard-post-related, body.single-post article .entry-content .autool-standard-post-related, body.single-post .autool-standard-post-related {
  box-sizing: border-box;
  width: min(var(--theme-container-edge-spacing, 90vw), var(--theme-normal-container-max-width, 1440px));
  max-width: min(var(--theme-container-edge-spacing, 90vw), var(--theme-normal-container-max-width, 1440px));
  margin-left: auto;
  margin-right: auto;
}

body.single-post .autool-standard-post-related .ag-related-products, body.single-post .autool-standard-post-related .ag-related-blogs, body.single-post .autool-standard-post-related .autool-products-slider, body.single-post .autool-standard-post-related .autool-guide-grid, body.single-post .autool-standard-post-related .woocommerce, body.single-post .autool-standard-post-related ul.products {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

body.single-post .autool-standard-post-related .ag-related-products, body.single-post .autool-standard-post-related .ag-related-blogs {
  margin-left: 0;
  margin-right: 0;
}

body.single-post .autool-standard-post-related .ag-related-blogs {
  margin-top: clamp(56px,7vw,88px);
}

body.single-post .autool-standard-post-related .ag-related-blogs .ag-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin: 0 0 22px;
  padding: 0;
  border: 0;
}

body.single-post .autool-standard-post-related .ag-related-blogs .ag-section-kicker {
  font-family: var(--font-mono);
  font-size: 11px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--accent);
  background: var(--heading-on-light);
  padding: 4px 10px;
  display: inline-block;
  white-space: normal;
}

body.single-post .autool-standard-post-related .ag-related-blogs .ag-section-line {
  display: none;
}

body.single-post .autool-standard-post-related .ag-related-blogs .ag-heading {
  font-family: var(--font-display);
  font-size: clamp(32px,4vw,54px);
  line-height: .95;
  font-weight: 900;
  text-transform: uppercase;
  color: var(--heading-on-light);
  letter-spacing: 0;
  margin: 0 0 28px;
  max-width: 760px;
}

body.single-post .autool-standard-post-related .autool-related-media-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 16px;
}

@media (max-width: 639px) {
  .autool-tire-guide {
    font-size: 16px;
    line-height: 1.76;
    --ag-section-space: var(--autool-desc-section-space-mobile, 30px);
  }
}

@media (max-width: 639px) {
  .autool-tire-guide .ag-block {
    margin-block: 34px;
  }
}

@media (max-width: 999px) {
  body.single-post .autool-standard-post-related .autool-guide-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 689px) {
  body.single-post .autool-standard-post-related {
    width: 100%;
    max-width: 100%;
    margin-top: 36px;
  }
}

@media (max-width: 689px) {
  body.single-post .autool-standard-post-related .autool-guide-grid {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    padding: 2px 24px 12px 0;
    scrollbar-width: thin;
  }
}

@media (max-width: 689px) {
  body.single-post .autool-standard-post-related .autool-guide-card {
    flex: 0 0 min(78vw, 300px);
    scroll-snap-align: start;
  }
}

@media (max-width:1199px) {
  body.single-post .autool-standard-post-related .autool-related-media-grid {
    grid-template-columns: repeat(3,1fr);
  }
}

@media (max-width:1023px) {
  body.single-post .autool-standard-post-related .autool-related-media-grid {
    grid-template-columns: repeat(2,1fr);
  }
}

@media (max-width:767px) {
  body.single-post .autool-standard-post-related .ag-related-blogs .ag-section-header {
    display: block;
  }
}

@media (max-width:767px) {
  body.single-post .autool-standard-post-related .autool-related-media-grid {
    grid-template-columns: 1fr;
  }
}

/* AUTOOL Posts priority restore from recent migration backup 2026-05-15 START */
.autool-tire-guide {
  line-height: 1.78 !important;
  font-size: 16.5px !important;
  letter-spacing: 0 !important;
}

.autool-tire-guide p {
  margin-bottom: 1.08em !important;
}

.autool-tire-guide p,
.autool-tire-guide li {
  font-size: inherit !important;
  line-height: 1.78 !important;
}

.autool-tire-guide h1,
.autool-tire-guide h2,
.autool-tire-guide h3,
.autool-tire-guide h4 {
  color: var(--ag-ink) !important;
}

.autool-tire-guide .ag-heading {
  margin-bottom: 16px !important;
  line-height: 1.2 !important;
}

.autool-tire-guide .ag-subheading {
  margin-top: 28px !important;
  margin-bottom: 12px !important;
}

.autool-tire-guide .ag-richtext {
  font-size: clamp(16px, 1.05vw, 17px) !important;
  line-height: 1.82 !important;
}

.autool-tire-guide .ag-richtext p + p {
  margin-top: .15em !important;
}

.autool-tire-guide .ag-block {
  margin-block: clamp(38px, 4vw, 64px) !important;
}

.autool-tire-guide .ag-section-header {
  margin-bottom: 22px !important;
}

.autool-tire-guide .ag-editorial-list {
  margin: 18px 0 26px !important;
}

.autool-tire-guide .ag-editorial-list li {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  font-size: clamp(15.5px, 1vw, 16.5px) !important;
  line-height: 1.75 !important;
}

.autool-tire-guide .ag-list-title {
  margin-bottom: 5px !important;
}

.autool-tire-guide .ag-product-card {
  padding: clamp(16px, 1.7vw, 20px) !important;
}

.autool-tire-guide .ag-option-card {
  padding: clamp(20px, 2.2vw, 28px) !important;
}

.autool-tire-guide .ag-button {
  min-height: 44px !important;
  padding: 11px 17px !important;
}

.autool-tire-guide .ag-guide-strip {
  margin-top: 24px !important;
  margin-bottom: 4px !important;
}

.autool-tire-guide .ag-guide-card {
  padding: clamp(16px, 1.7vw, 20px) !important;
}

.autool-tire-guide .ag-guide-card__title {
  font-size: 17px !important;
  line-height: 1.3 !important;
}

.autool-tire-guide .ag-guide-card__text {
  font-size: 13.5px !important;
  line-height: 1.58 !important;
}

body.single-post .autool-tire-guide .autool-desc-products [data-products] .product.product-type-variable .price .wcpbc-price:not(.loading) {
  display: inline-flex !important;
  align-items: baseline !important;
  justify-content: var(--autool-card-price-justify, center) !important;
  gap: .28em !important;
  max-width: 100% !important;
  color: inherit !important;
  font: inherit !important;
  line-height: inherit !important;
  white-space: nowrap !important;
}

body.single-post .autool-tire-guide .autool-desc-products [data-products] .product.product-type-variable .price .wcpbc-price:not(.loading) .sale-price {
  display: inline-flex !important;
  align-items: baseline !important;
}

body.single-post .autool-tire-guide .autool-desc-products [data-products] .product.product-type-variable .price .wcpbc-price:not(.loading) .sale-price ins {
  display: inline-flex !important;
  text-decoration: none !important;
}

body.single-post .entry-content.is-layout-constrained .autool-standard-post-related,
body.single-post article .entry-content .autool-standard-post-related,
body.single-post .autool-standard-post-related {
  box-sizing: border-box !important;
  width: min(var(--theme-container-edge-spacing, 90vw), var(--theme-normal-container-max-width, 1440px)) !important;
  max-width: min(var(--theme-container-edge-spacing, 90vw), var(--theme-normal-container-max-width, 1440px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.single-post .autool-standard-post-related .ag-related-products,
body.single-post .autool-standard-post-related .ag-related-blogs,
body.single-post .autool-standard-post-related .autool-products-slider,
body.single-post .autool-standard-post-related .autool-guide-grid,
body.single-post .autool-standard-post-related .woocommerce,
body.single-post .autool-standard-post-related ul.products {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

body.single-post .autool-standard-post-related .ag-related-products,
body.single-post .autool-standard-post-related .ag-related-blogs {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media (max-width: 639px) {
  .autool-tire-guide {
    font-size: 16px !important;
    line-height: 1.76 !important;
    --ag-section-space: var(--autool-desc-section-space-mobile, 30px);
  }

  .autool-tire-guide .ag-block {
    margin-block: 34px !important;
  }
}
/* AUTOOL Posts priority restore from recent migration backup 2026-05-15 END */

/* AUTOOL Posts related blog cards restored from 20260513 product-card backup START */
body.single-post .autool-standard-post-related .autool-hp-blog-card {
  border: 1px solid var(--gray-200);
  background: var(--white);
  display: flex;
  flex-direction: column;
  transition: border-color .18s;
  text-decoration: none;
  color: inherit;
  border-radius: var(--radius);
}

body.single-post .autool-standard-post-related .autool-hp-blog-card:hover {
  border-color: var(--accent);
}

body.single-post .autool-standard-post-related .autool-hp-blog-card__img-wrap {
  aspect-ratio: 16/9;
  overflow: hidden;
  background: var(--gray-100);
}

body.single-post .autool-standard-post-related .autool-hp-blog-card__img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s ease;
}

body.single-post .autool-standard-post-related .autool-hp-blog-card:hover .autool-hp-blog-card__img-wrap img {
  transform: scale(1.04);
}

body.single-post .autool-standard-post-related .autool-hp-blog-card__body {
  padding: 18px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

body.single-post .autool-standard-post-related .autool-hp-blog-card__cat {
  font-family: var(--font-mono);
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--accent);
  background: var(--gray-900);
  padding: 3px 8px;
  display: inline-block;
  margin-bottom: 10px;
  align-self: flex-start;
}

body.single-post .autool-standard-post-related .autool-hp-blog-card__title {
  font-family: var(--font-display);
  font-size: 17px;
  font-weight: 800;
  text-transform: uppercase;
  color: var(--heading-on-light);
  line-height: 1.2;
  margin: 0 0 14px;
  flex: 1;
}

body.single-post .autool-standard-post-related .autool-hp-blog-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--gray-100);
}

body.single-post .autool-standard-post-related .autool-hp-blog-card__date {
  font-family: var(--font-mono);
  font-size: 9px;
  color: var(--text-on-light);
  text-transform: uppercase;
  letter-spacing: .06em;
}

body.single-post .autool-standard-post-related .autool-hp-blog-card__read {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--gray-900);
}

body.single-post .autool-standard-post-related .autool-hp-blog-card__read:hover {
  color: var(--accent);
}
/* AUTOOL Posts related blog cards restored from 20260513 product-card backup END */