/* Sumber: template dealer ASUS "agent komputer.html" (diterima 2026-11-04). Isi CSS tidak diubah.
   Mengganti dengan versi baru dari ASUS cukup menimpa file ini. Dipakai halaman /agent-computer. */
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500&subset=latin');
:root {
  --asus-color-text-primary: #333333;
  --asus-color-text-secondary: #000000;
  --asus-color-link: #0082fc;
  --asus-color-link-hover: #0066cc;
  --asus-color-background: #ffffff;
  --asus-font-family-primary: 'Roboto', Arial, Helvetica, sans-serif;
  --asus-font-family-secondary: 'Open Sans', Arial, Helvetica, sans-serif;
  --asus-font-size-base: 12px;
  --asus-font-size-h1: 2.6666em;
  --asus-font-size-h2: 2em;
  --asus-font-size-h3: 1.5em;
  --asus-font-size-text: 1.25em;
  --asus-font-size-note: 1em;
  --asus-font-weight-light: 300;
  --asus-font-weight-normal: 400;
  --asus-font-weight-medium: 500;
  --asus-font-weight-bold: bold;
  --asus-line-height-tight: 1.2;
  --asus-line-height-normal: 1.3;
  --asus-line-height-relaxed: 1.5;
  --asus-spacing-0: 0;
  --asus-spacing-xs: 5px;
  --asus-spacing-sm: 10px;
  --asus-spacing-md: 20px;
  --asus-spacing-lg: 30px;
  --asus-spacing-xl: 40px;
  --asus-spacing-xxl: 50px;
  --asus-spacing-xxxl: 100px;
  --asus-container-max-width: 1000px;
  --asus-container-padding: 0;
  --asus-image-max-width-small: 400px;
  --asus-image-max-width-medium: 600px;
  --asus-image-max-width-large: 800px;
  --asus-transition-speed: 0.3s;
  --asus-transition-easing: ease;
}
#ASUS-ProductOverview {
  font-family: var(--asus-font-family-primary);
  font-size: var(--asus-font-size-base);
  font-weight: var(--asus-font-weight-normal);
  color: var(--asus-color-text-primary);
  text-align: center;
  width: 100%;
  max-width: var(--asus-container-max-width);
  padding: var(--asus-container-padding);
  background-color: var(--asus-color-background);
  margin: 0 auto;
}
#ASUS-ProductOverview *, #ASUS-ProductOverview *::before, #ASUS-ProductOverview *::after {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}
#ASUS-ProductOverview li {list-style: none;}
#ASUS-ProductOverview img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}
#ASUS-ProductOverview p {
  margin: 0;
  padding: 0;
}
#ASUS-ProductOverview b, #ASUS-ProductOverview strong {
  font-weight: var(--asus-font-weight-bold);
}
#ASUS-ProductOverview sup, #ASUS-ProductOverview sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
#ASUS-ProductOverview sup { top: -0.5em; }
#ASUS-ProductOverview sub { bottom: -0.25em; }
#ASUS-ProductOverview a {
  color: var(--asus-color-link);
  text-decoration: none;
  transition: color var(--asus-transition-speed) var(--asus-transition-easing);
}
#ASUS-ProductOverview a:hover {
  color: var(--asus-color-link-hover);
  text-decoration: underline;
}

/* Typography */
#ASUS-ProductOverview .title-h1 {
  color: var(--asus-color-text-primary);
  font-size: var(--asus-font-size-h1);
  font-weight: var(--asus-font-weight-medium);
  line-height: var(--asus-line-height-tight);
}
#ASUS-ProductOverview .title-h2 {
  color: var(--asus-color-text-secondary);
  font-size: var(--asus-font-size-h2);
  font-weight: var(--asus-font-weight-normal);
  line-height: var(--asus-line-height-tight);
}
#ASUS-ProductOverview .title-h3 {
  font-family: var(--asus-font-family-secondary);
  color: var(--asus-color-text-primary);
  font-size: var(--asus-font-size-h3);
  font-weight: var(--asus-font-weight-bold);
  line-height: var(--asus-line-height-tight);
}
#ASUS-ProductOverview .text {
  color: var(--asus-color-text-primary);
  font-size: var(--asus-font-size-text);
  font-weight: var(--asus-font-weight-normal);
  line-height: var(--asus-line-height-normal);
}
#ASUS-ProductOverview .text-note {
  font-size: var(--asus-font-size-note);
  font-weight: var(--asus-font-weight-normal);
  line-height: var(--asus-line-height-relaxed);
}

/* Content Width Container */
#ASUS-ProductOverview .content-width {
  width: 90%;
  margin: 0 auto;
}

/* Layout */
#ASUS-ProductOverview .section__item {
  position: relative;
  display: block;
  width: 100%;
  padding: var(--asus-spacing-md) var(--asus-spacing-sm);
}
#ASUS-ProductOverview .section__item--hero {
  padding: var(--asus-spacing-md) var(--asus-spacing-sm) var(--asus-spacing-0);
}
#ASUS-ProductOverview .grid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: var(--asus-spacing-sm) 0;
  gap: var(--asus-spacing-sm);
}
#ASUS-ProductOverview .grid__item {
  flex: 1;
  min-width: 0;
  padding: 0;
}
#ASUS-ProductOverview .grid__content {
  width: 95%;
  margin: 0 auto;
}
#ASUS-ProductOverview .grid--2col .grid__item {flex-basis: calc(50% - (var(--asus-spacing-sm) / 2)); }
#ASUS-ProductOverview .grid--3col .grid__item {flex-basis: calc(33.333% - (var(--asus-spacing-sm) * 2 / 3)); }
#ASUS-ProductOverview .grid--4col .grid__item {flex-basis: calc(25% - (var(--asus-spacing-sm) * 3 / 4)); }
#ASUS-ProductOverview .grid--5col .grid__item {flex-basis: calc(20% - (var(--asus-spacing-sm) * 4 / 5)); }

/* Images */
#ASUS-ProductOverview .image {
  max-width: 100%;
  margin: 0 auto;
}
#ASUS-ProductOverview .image--small { max-width: var(--asus-image-max-width-small); }
#ASUS-ProductOverview .image--medium { max-width: var(--asus-image-max-width-medium); }
#ASUS-ProductOverview .image--large { max-width: var(--asus-image-max-width-large); }

/* Lists */
#ASUS-ProductOverview .list {
  display: inline-block;
  width: 100%;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 25px;
  text-align: left;
}
#ASUS-ProductOverview .list-faq {
  padding-left: 0;
}
#ASUS-ProductOverview .list__item {
  margin-bottom: var(--asus-spacing-xs);
  font-weight: var(--asus-font-weight-normal);
  font-size: var(--asus-font-size-text);
  line-height: var(--asus-line-height-normal);
}

/* Spacing Utilities */
#ASUS-ProductOverview .pt-0 { padding-top: var(--asus-spacing-0) !important; }
#ASUS-ProductOverview .pt-10 { padding-top: var(--asus-spacing-sm) !important; }
#ASUS-ProductOverview .pt-20 { padding-top: var(--asus-spacing-md) !important; }
#ASUS-ProductOverview .pt-30 { padding-top: var(--asus-spacing-lg) !important; }
#ASUS-ProductOverview .pt-50 { padding-top: var(--asus-spacing-xxl) !important; }
#ASUS-ProductOverview .pb-0 { padding-bottom: var(--asus-spacing-0) !important; }
#ASUS-ProductOverview .pb-10 { padding-bottom: var(--asus-spacing-sm) !important; }
#ASUS-ProductOverview .pb-20 { padding-bottom: var(--asus-spacing-md) !important; }
#ASUS-ProductOverview .pb-30 { padding-bottom: var(--asus-spacing-lg) !important; }
#ASUS-ProductOverview .pb-40 { padding-bottom: var(--asus-spacing-xl) !important; }
#ASUS-ProductOverview .pb-50 { padding-bottom: var(--asus-spacing-xxl) !important; }
#ASUS-ProductOverview .mt-0 { margin-top: var(--asus-spacing-0) !important; }
#ASUS-ProductOverview .mt-10 { margin-top: var(--asus-spacing-sm) !important; }
#ASUS-ProductOverview .mt-20 { margin-top: var(--asus-spacing-md) !important; }
#ASUS-ProductOverview .mb-0 { margin-bottom: var(--asus-spacing-0) !important; }
#ASUS-ProductOverview .mb-10 { margin-bottom: var(--asus-spacing-sm) !important; }
#ASUS-ProductOverview .mb-20 { margin-bottom: var(--asus-spacing-md) !important; }

/* Width Utilities */
#ASUS-ProductOverview .w-full { width: 100% !important; }
#ASUS-ProductOverview .w-90 { width: 90% !important; }
#ASUS-ProductOverview .w-95 { width: 95% !important; }
#ASUS-ProductOverview .w-96 { width: 96% !important; }

/* Margin Auto Utilities */
#ASUS-ProductOverview .mx-auto { margin-left: auto !important; margin-right: auto !important; }
#ASUS-ProductOverview .ml-auto { margin-left: auto !important; }
#ASUS-ProductOverview .mr-auto { margin-right: auto !important; }

/* Text Alignment Utilities */
#ASUS-ProductOverview .text-left { text-align: left !important; }
#ASUS-ProductOverview .text-center { text-align: center !important; }
#ASUS-ProductOverview .text-right { text-align: right !important; }

/* Misc Utilities */
#ASUS-ProductOverview .nowrap { white-space: nowrap; }

/* Grid Modifiers */
#ASUS-ProductOverview .grid--middle { align-items: center; }
#ASUS-ProductOverview .grid--reverse { flex-direction: row-reverse; }
#ASUS-ProductOverview .grid--center { justify-content: center; }
#ASUS-ProductOverview .grid--center .grid__item { flex-grow: 0; }

/* Button */
#ASUS-ProductOverview .btn {
  display: inline-block;
  min-width: 10em;
  padding: 0.75em 1.5em;
  border: 1px solid var(--asus-color-text-primary);
  border-radius: 2em;
  color: var(--asus-color-text-primary);
  background-color: transparent;
  font-size: 1.1666em;
  font-weight: var(--asus-font-weight-medium);
  line-height: var(--asus-line-height-tight);
  text-align: center;
  text-decoration: none;
}
#ASUS-ProductOverview .btn:hover {
  color: var(--asus-color-background);
  background-color: var(--asus-color-text-primary);
  text-decoration: none;
}

/* Product Card */
#ASUS-ProductOverview .card { display: block; }
#ASUS-ProductOverview .card img { margin: 0 auto; }

/* Responsive Design */
@media only screen and (max-width: 768px) {
  #ASUS-ProductOverview .title-h1 {font-size: 2.1666em; }
  #ASUS-ProductOverview .title-h2 {font-size: 1.6666em; }
  #ASUS-ProductOverview .title-h3 {font-size: 1.3333em; }
  #ASUS-ProductOverview .text {font-size: 1.25em; line-height: var(--asus-line-height-tight); }
  #ASUS-ProductOverview .content-width {width: 100%; padding-inline: var(--asus-spacing-xs); }
  #ASUS-ProductOverview .grid__content {width: 100%; padding-inline: 0; }
  #ASUS-ProductOverview .section__item--hero {padding: var(--asus-spacing-md) 0 0; }
  #ASUS-ProductOverview .section__item {padding: 0 0 var(--asus-spacing-lg); }
  #ASUS-ProductOverview .grid {gap: var(--asus-spacing-xs); }
  #ASUS-ProductOverview .grid__item {flex-basis: 100% !important; }
  #ASUS-ProductOverview .grid--reverse {flex-direction: row; }
  #ASUS-ProductOverview .grid--4col .grid__item {flex-basis: calc(50% - (var(--asus-spacing-xs) / 2)) !important; }
  #ASUS-ProductOverview .grid--5col .grid__item {flex-basis: calc(33.333% - (var(--asus-spacing-sm) * 2 / 3)) !important; }
}
@media only screen and (max-width: 480px) {
  #ASUS-ProductOverview .grid--4col .grid__item {flex-basis: 100% !important; }
  #ASUS-ProductOverview .grid--5col .grid__item {flex-basis: calc(50% - (var(--asus-spacing-xs) / 2)) !important; }
}
