/* version 8.1 [rev.8.1.01] */
/* FONT SIZES */
main {
  font-size: 0.925rem; }

small, .small {
  font-size: 85%; }

.dropdown-menu {
  font-size: 0.925rem; }

/* /FONT SIZES */
/* HEADER */
header {
  /* container */
  /* /container */
  /* brand */
  /* /brand */
  /* desktop */
  /* /desktop */
  /* mobile */
  /* mobile */ }
  @media (max-width: 991.98px) {
    header .container {
      padding: 0;
      margin: 0;
      width: 100%;
      max-width: 100%; } }
  header .navbar-brand {
    width: 100%;
    max-width: 200px;
    margin-right: 2rem; }
    @media (max-width: 575.98px) {
      header .navbar-brand {
        max-width: 150px; } }
    @media (max-width: 991.98px) {
      header .navbar-brand {
        margin: 0 auto; } }
  header .desktop-navbar .nav-search {
    display: block;
    background-color: #e3f2fd;
    -webkit-border-radius: 0.25rem;
    border-radius: 0.25rem;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */ }
    header .desktop-navbar .nav-search a {
      color: #21282F; }
      header .desktop-navbar .nav-search a:hover {
        color: #21282F; }
  header .mobile-navbar .navbar {
    z-index: 100;
    background-color: #fff;
    border-bottom: 1px solid #f8f9fa;
    margin-bottom: 1rem; }
    header .mobile-navbar .navbar.navbar-fixed-top, header .mobile-navbar .navbar.navbar-force-fixed-top {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      border-bottom: 1px solid #eeeff0; }
    header .mobile-navbar .navbar button, header .mobile-navbar .navbar .btn {
      color: #343a40;
      background-color: transparent;
      border: none;
      cursor: pointer;
      padding: 0 .35rem; }
      @media (max-width: 575.98px) {
        header .mobile-navbar .navbar button .feather, header .mobile-navbar .navbar .btn .feather {
          width: 1.1rem;
          height: 1.1rem; } }
      @media (min-width: 576px) {
        header .mobile-navbar .navbar button .feather, header .mobile-navbar .navbar .btn .feather {
          width: 1.4rem;
          height: 1.4rem; } }
    header .mobile-navbar .navbar #mobileHeaderMenu,
    header .mobile-navbar .navbar #mobileSearchForm {
      width: 100%;
      margin: .7rem .35rem .35rem; }
    header .mobile-navbar .navbar #mobileHeaderMenu .nav-item {
      padding: .75rem 1rem; }
    header .mobile-navbar .navbar #mobileHeaderMenu .nav-item + .nav-item {
      border-top: 1px solid #eeeff0; }
    header .mobile-navbar .navbar #mobileHeaderMenu .nav-link {
      display: inline;
      padding: 0; }
    header .mobile-navbar .navbar #mobileSearchForm .has-icons {
      display: block; }

/* BROWSE CATEGORIES DROPDOWN */
.categories-dropdown .dropdown-toggle {
  background-color: transparent; }
  .categories-dropdown .dropdown-toggle:hover, .categories-dropdown .dropdown-toggle:focus {
    box-shadow: none; }
  .categories-dropdown .dropdown-toggle::after {
    display: none; }
.categories-dropdown .dropdown-menu {
  width: 550px;
  padding: 1rem;
  font-size: 90%; }
  @media (max-width: 575.98px) {
    .categories-dropdown .dropdown-menu {
      width: 100%; } }

/* /BROWSE CATEGORIES DROPDOWN */
/* SEARCH FORM */
#category-select-btn {
  position: relative;
  text-align: left !important; }
  #category-select-btn:hover, #category-select-btn:focus {
    color: inherit;
    text-decoration: inherit; }
  #category-select-btn i, #category-select-btn .feather {
    position: absolute;
    right: .75rem;
    top: .7rem; }

#category-select-content {
  margin-top: 0;
  list-style: none;
  padding-left: 0;
  display: none;
  position: absolute;
  top: 45px;
  left: 0;
  z-index: 999;
  overflow-y: auto;
  max-height: 300px;
  background-color: #fff;
  border: solid 1px #ced4da; }

#category-select-content li + li {
  border-top: 1px dotted #e1e7ee; }

#category-select-content a {
  display: block;
  outline: none;
  padding: .375rem .75rem; }

/* /SEARCH FORM */
/* SIDEBAR & CORRESPONDING MAIN ELEMENT */
@supports not (-ms-high-contrast: none) {
  @media (min-width: 1200px) {
    .sidebar {
      flex: 0 0 225px; } }

  .main {
    display: flex;
    flex-direction: column; }
    @media (min-width: 1200px) {
      .main {
        flex: 0 0 calc(100% - 225px);
        max-width: calc(100% - 225px); } }
    .main .main-content {
      flex: 1; } }
@media (max-width: 991.98px) {
  .sidebar-menu {
    margin-bottom: 1.5rem; }
    .sidebar-menu .has-icons {
      display: block; } }
.sidebar-menu .sidebar-heading {
  padding-bottom: .25rem; }
  .sidebar-menu .sidebar-heading .glyphicon {
    visibility: hidden;
    font-size: .75rem;
    color: #343a40;
    margin-left: .5rem; }
  @media (max-width: 991.98px) {
    .sidebar-menu .sidebar-heading {
      text-align: center; }
      .sidebar-menu .sidebar-heading .glyphicon {
        visibility: visible; } }
  .sidebar-menu .sidebar-heading a, .sidebar-menu .sidebar-heading a:hover {
    color: #343a40;
    text-decoration: none; }
    @media (min-width: 992px) {
      .sidebar-menu .sidebar-heading a, .sidebar-menu .sidebar-heading a:hover {
        cursor: text; } }
@media (min-width: 992px) {
  .sidebar-menu > .collapse {
    display: block !important; } }
.sidebar-menu ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }
.sidebar-menu li > ul {
  margin-top: 0;
  padding-left: .35rem;
  font-size: 95%; }
.sidebar-menu .nav-item.open > a,
.sidebar-menu .nav-item > a:hover {
  color: #007bff; }
.sidebar-menu .nav-link {
  font-weight: 400;
  color: rgba(0, 0, 0, 0.75);
  padding: .25rem 0; }
  .sidebar-menu .nav-link .feather {
    margin-right: 4px;
    color: #999;
    transition: 0.25s linear;
    transform: rotate(0deg); }
  .sidebar-menu .nav-link.open .feather {
    transform: rotate(-90deg); }
  .sidebar-menu .nav-link.active {
    color: #007bff;
    font-weight: 500; }
  .sidebar-menu .nav-link:hover .feather, .sidebar-menu .nav-link.active .feather {
    color: inherit; }
.sidebar-menu .nav-dropdown > .nav-link {
  font-weight: 500;
  color: #333; }

/* /SIDEBAR & CORRESPONDING MAIN ELEMENT */
/* SUBTITLE */
.subtitle {
  border-bottom: 1px solid #edf1f5;
  padding-bottom: .4rem;
  margin-bottom: .9rem; }

/* /SUBTITLE */
/* FORMS */
.form-control {
  font-size: inherit; }

.col-form-label {
  font-weight: 500; }

/* /FORMS */
/* BUTTONS */
.btn {
  font-size: inherit; }

.btn-group-sm > .btn, .btn-sm {
  font-size: .75rem; }

.btn-group-lg > .btn, .btn-lg {
  font-size: 1.1rem; }

/* /BUTTONS */
/* LISTING & STORES CARDS */
@media (max-width: 575.98px) {
  .listings-cards .col-6:nth-child(2n),
  .stores-cards .col-6:nth-child(2n) {
    padding-left: 5px; }
  .listings-cards .col-6:nth-child(2n+1),
  .stores-cards .col-6:nth-child(2n+1) {
    padding-right: 5px; } }

.listing-card {
  margin-bottom: 1rem;
  /* card grid */
  /* /card grid */
  /* card list */
  /* /card list */ }
  .listing-card .card-body .card-title a {
    color: #343a40; }
    .listing-card .card-body .card-title a:hover {
      text-decoration: none; }
  .listing-card .card-body .price {
    font-size: 1.2rem;
    line-height: 1.2;
    font-weight: 500; }
  .listing-card .card-highlighted {
    background-color: #f1f9fe; }
  @media (max-width: 575.98px) {
    .listing-card .card-footer .button-text {
      display: none; } }
  .card-grid .listing-card .card-body {
    padding: .5rem; }
    .card-grid .listing-card .card-body .card-title {
      height: 1.32rem;
      font-size: 1.1rem;
      font-weight: 400;
      margin: .5rem 0;
      text-overflow: ellipsis;
      overflow: hidden; }
      @media (min-width: 992px) {
        .card-grid .listing-card .card-body .card-title {
          white-space: nowrap; } }
    .card-grid .listing-card .card-body .card-short-description,
    .card-grid .listing-card .card-body .card-seller {
      display: none; }
    .card-grid .listing-card .card-body .card-details {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
      justify-content: space-between !important; }
  .card-grid .listing-card .card-footer {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    padding: .375rem;
    background-color: #fcfcfc;
    border-top-color: #eeeff0; }
  .card-list .listing-card {
    border-color: #eeeff0;
    -webkit-flex-wrap: wrap !important;
    -moz-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    -webkit-flex-direction: row !important;
    -moz-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important; }
    .card-list .listing-card .card-img {
      width: 25%; }
    .card-list .listing-card .card-img-top {
      border-top-right-radius: 0;
      border-bottom-left-radius: calc(.25rem - 1px); }
    .card-list .listing-card .card-body {
      width: 75%;
      padding: 1rem 1.25rem; }
      .card-list .listing-card .card-body .card-text {
        margin-bottom: .6rem; }
      .card-list .listing-card .card-body .card-text:last-child {
        margin-bottom: 0; }
      .card-list .listing-card .card-body .card-short-description,
      .card-list .listing-card .card-body .card-seller {
        display: block; }
    .card-list .listing-card .card-footer {
      display: inherit;
      position: absolute;
      bottom: 0;
      right: 0;
      padding: 1rem 1.25rem;
      background-color: transparent;
      border-color: transparent; }
      .card-list .listing-card .card-footer a:last-child {
        margin-left: .25rem; }

.store-card {
  margin-bottom: 1rem;
  /* card grid */
  /* /card grid */
  /* card list */
  /* /card list */ }
  .card-grid .store-card .card-body {
    padding: 1rem .5rem .5rem; }
    .card-grid .store-card .card-body .card-title {
      text-overflow: ellipsis;
      overflow: hidden; }
      @media (min-width: 992px) {
        .card-grid .store-card .card-body .card-title {
          white-space: nowrap; } }
    .card-grid .store-card .card-body .card-short-description {
      display: none; }
    .card-grid .store-card .card-body .card-details {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
      justify-content: space-between !important; }
  .card-list .store-card {
    border-color: #eeeff0;
    -webkit-flex-wrap: wrap !important;
    -moz-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    -webkit-flex-direction: row !important;
    -moz-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important; }
    .card-list .store-card .card-img {
      width: 25%; }
    .card-list .store-card .card-img-top {
      border-top-right-radius: 0;
      border-bottom-left-radius: calc(.25rem - 1px); }
    .card-list .store-card .card-body {
      width: 75%;
      padding: 1rem 1.25rem; }
      .card-list .store-card .card-body .card-text {
        margin-bottom: .6rem; }
      .card-list .store-card .card-body .card-text:last-child {
        margin-bottom: 0; }
      .card-list .store-card .card-body .card-short-description,
      .card-list .store-card .card-body .card-seller {
        display: block; }
    .card-list .store-card .card-footer {
      display: inherit;
      position: absolute;
      bottom: 0;
      right: 0;
      padding: 1rem 1.25rem;
      background-color: transparent;
      border-color: transparent; }
      .card-list .store-card .card-footer a:last-child {
        margin-left: .25rem; }

/* /LISTING & STORES CARDS */
/* STORE HEADER */
.store-header .navbar {
  background-color: #e3f2fd;
  -webkit-border-radius: 0.25rem;
  border-radius: 0.25rem;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */ }

/* /STORE HEADER */
/* CATEGORIES CARD COLUMNS */
@media (min-width: 1200px) {
  .categories-card-columns {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4; } }
.categories-card-columns .card .card-title {
  margin-bottom: 0; }
  .categories-card-columns .card .card-title a {
    color: #343a40; }
    .categories-card-columns .card .card-title a:hover {
      text-decoration: none; }
.categories-card-columns .card .card-text {
  margin-top: .75rem; }

/* /CATEGORIES CARD COLUMNS */
/* LISTING DETAILS PAGE */
.listing-details {
  /* breadcrumbs */
  /* /breadcrumbs */
  /* all images */
  /* /all images */
  /* main image */
  /* /main image */
  /* thumbnails */
  /* /thumbnails */
  /* title */
  /* /title */
  /* short description */
  /* /short description */
  /* price box */
  /* /price box */
  /* postage calculator box */
  /* /postage calculator box */
  /* share, wish list, print icons */
  /* /share, wish list, print icons */ }
  .listing-details .breadcrumb {
    font-size: .875rem;
    background-color: transparent;
    padding: 0;
    margin-bottom: 0; }
    .listing-details .breadcrumb a {
      color: #343a40; }
  .listing-details .item {
    text-align: center;
    cursor: pointer; }
    .listing-details .item .img-thumbnail {
      border-color: #eeeff0; }
  .listing-details #jq-mainImage iframe {
    display: block;
    width: 100%; }
  @media (max-width: 767.98px) {
    .listing-details #jq-mainImage .slick-prev, .listing-details #jq-mainImage .slick-next {
      z-index: 9; }
      .listing-details #jq-mainImage .slick-prev::before, .listing-details #jq-mainImage .slick-next::before {
        color: #000;
        opacity: .25; }
    .listing-details #jq-mainImage .slick-prev {
      left: 0; }
    .listing-details #jq-mainImage .slick-next {
      right: 0; }
    .listing-details #jq-mainImage .img-thumbnail {
      border-color: transparent; } }
  .listing-details #jq-thumbnails .slick-prev::before,
  .listing-details #jq-thumbnails .slick-next::before {
    color: #000;
    opacity: .25; }
  .listing-details #jq-thumbnails .item {
    margin: .25rem; }
  .listing-details .title {
    font-size: 1.6rem;
    margin-bottom: 1.2rem;
    font-weight: 400; }
  .listing-details .short-description {
    margin-bottom: 1.2rem;
    color: #343a40; }
  .listing-details .price {
    font-size: 1.5rem;
    margin-bottom: 0; }
  .listing-details .calculate-shipping {
    width: 100%;
    max-width: 310px; }
  .listing-details .listing-buttons > .btn, .listing-details .listing-buttons > .btn-group > .btn {
    padding: 0;
    text-align: center;
    font-weight: 500;
    font-size: 85%;
    border-color: transparent !important;
    background-color: transparent !important;
    margin-right: 1rem;
    min-width: 58px; }
    .listing-details .listing-buttons > .btn .feather, .listing-details .listing-buttons > .btn-group > .btn .feather {
      width: 24px;
      height: 24px;
      display: block;
      margin: 0 auto .25rem; }
    .listing-details .listing-buttons > .btn.focus, .listing-details .listing-buttons > .btn:focus, .listing-details .listing-buttons > .btn-group > .btn.focus, .listing-details .listing-buttons > .btn-group > .btn:focus {
      box-shadow: none; }
  .listing-details .listing-buttons .btn-gold .feather {
    color: #fcd036;
    -webkit-filter: drop-shadow(0 0 1px #846e20);
    filter: drop-shadow(0 0 1px #846e20); }
  .listing-details .listing-buttons .dropdown-toggle::after {
    display: none; }

/* /LISTING DETAILS PAGE */
/* STICKY FOOTER */
@supports not (-ms-high-contrast: none) {
  /* Non-IE styles here */
  html, body {
    height: 100%; }

  body {
    display: flex;
    flex-flow: column; }

  main {
    flex: 1; } }
/* /STICKY FOOTER */
/* FOOTER */
footer {
  font-size: 85%;
  color: #6c757d;
  background-color: #f7f7f7; }
  footer a:not(.btn) {
    color: #343a40; }
  footer.footer-one .footer-links {
    padding-left: 0; }
    footer.footer-one .footer-links li {
      display: inline-block; }
    footer.footer-one .footer-links li + li {
      padding-left: .75rem; }
  footer.footer-one a {
    font-weight: 500; }
  footer.footer-two {
    border-top: 1px solid #dee2e6; }
    footer.footer-two .footer-links h4 {
      font-size: 1.25rem;
      margin-bottom: .25rem; }
    footer.footer-two .footer-links ul {
      padding-left: 0; }
    footer.footer-two .footer-links li > a {
      padding: .2rem 1rem .2rem 0; }
    footer.footer-two a {
      font-weight: 400; }
    footer.footer-two .footer-logo {
      width: 125px; }

/* /FOOTER */
/* ==========================================================================
   GLOBAL SELECT (DROPDOWN) FIX
   Novērš teksta apgriešanu un uzlabo dropdown izskatu visā lapā
   ========================================================================== */

select.form-control,
select.input-sm,
select.input-lg,
.form-group select,
.sidebar-content select {
    height: auto !important; 
    min-height: 42px !important; 
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    line-height: normal !important;
    box-sizing: border-box !important;
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right 1rem center !important;
    background-size: 1em !important;
    padding-right: 2.5rem !important; 
}

.location-select, 
.country-select {
    height: auto !important;
    min-height: 42px !important;
}
/*# sourceMappingURL=theme.css.map */
/* HELP CENTER STYLES */
.help-center-wrapper { font-family: 'Plus Jakarta Sans', sans-serif; background-color: #f3f4f6; color: #1f2937; margin: 0; padding: 0; }
.help-center-wrapper * { box-sizing: border-box; }
.hc-hero { background: linear-gradient(135deg, #1a1a1a 0%, #8b7500 50%, #ffbf00 100%); padding: 60px 20px; position: relative; overflow: hidden; border-radius: 12px 12px 0 0; }
.hc-hero-inner { max-width: 1200px; margin: 0 auto; position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; }
.hc-hero h1 { font-size: clamp(32px, 5vw, 48px); color: #fff; font-weight: 800; margin: 0; }
.hc-hero p { font-size: 18px; color: #e0f2fe; margin: 10px 0 0 0; max-width: 600px; }
.hc-topic-selector { position: relative; margin-top: 20px; }
.hc-topic-selector label { position: absolute; top: -10px; left: 12px; background: rgba(255,255,255,0.95); padding: 4px 12px; font-size: 12px; border-radius: 6px; font-weight: 700; z-index: 1; text-transform: uppercase; color: #1a1a1a; box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
.hc-topic-selector select { width: 100%; max-width: 320px; padding: 14px 40px 14px 16px; font-size: 14px; border: 2px solid rgba(255,255,255,0.3); border-radius: 12px; background-color: rgba(255,255,255,0.15); backdrop-filter: blur(10px); color: #fff; cursor: pointer; appearance: none; font-weight: 600; outline: none; }
.hc-topic-selector select option { background-color: #8b7500; color: #fff; }
.hc-content-wrapper { max-width: 900px; margin: -40px auto 0; padding: 0 20px 80px; position: relative; z-index: 2; }
.hc-content-card { background: #fff; border-radius: 20px; padding: 48px; box-shadow: 0 20px 60px rgba(0,0,0,0.1); border: 1px solid #e5e7eb; min-height: 400px; }
.hc-section-title { display: flex; align-items: center; gap: 10px; font-size: 20px; font-weight: 700; color: #111827; margin: 30px 0 15px; border-bottom: 2px solid #f3f4f6; padding-bottom: 10px; }
.hc-section-title i { color: #d4870e; font-size: 22px; }
.hc-text-block { color: #4b5563; line-height: 1.7; font-size: 15px; margin-bottom: 20px; }
.hc-alert-box { padding: 16px 20px; border-radius: 8px; margin-bottom: 20px; font-size: 14px; line-height: 1.6; }
.hc-alert-yellow { background-color: #fef9c3; border: 1px solid #fde047; color: #854d0e; }
.hc-alert-red { background-color: #fee2e2; border: 1px solid #fca5a5; color: #991b1b; }
.hc-alert-green { background-color: #d1fae5; border: 1px solid #6ee7b7; color: #065f46; }
.hc-alert-title { font-weight: 700; margin-bottom: 5px; display: block; }
.hc-alert-title i { margin-right: 8px; }
.hc-features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin-bottom: 20px; }
.hc-feature-card { border: 1px solid #e5e7eb; border-radius: 12px; padding: 20px; text-align: center; }
.hc-feature-card i { color: #d4870e; font-size: 24px; margin-bottom: 10px; display: block; }
.hc-feature-card strong { display: block; color: #111827; font-size: 14px; margin-bottom: 5px; }
.hc-feature-card span { color: #6b7280; font-size: 12px; }
.hc-step-item { display: flex; align-items: flex-start; gap: 15px; margin-bottom: 15px; border: 1px solid #e5e7eb; padding: 20px; border-radius: 12px; }
.hc-step-number { background: #d4870e; color: #fff; font-weight: 800; font-size: 18px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 8px; flex-shrink: 0; }
.hc-step-content h4 { margin: 0 0 5px 0; font-size: 16px; color: #111827; font-weight: 800; }
.hc-step-content p { margin: 0; font-size: 14px; color: #4b5563; }
.hc-check-list { list-style: none; padding: 0; margin: 0 0 20px 0; }
.hc-check-list li { position: relative; padding-left: 25px; margin-bottom: 10px; color: #4b5563; font-size: 14px; }
.hc-check-list li::before { content: '\f00c'; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; left: 0; color: #d4870e; }
.hc-fade-in { animation: hcFadeIn 0.4s ease-in-out; }
@keyframes hcFadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 768px) {
    .hc-hero { padding: 40px 20px; }
    .hc-content-card { padding: 24px; }
    .hc-hero-inner { display: flex; flex-direction: column; text-align: center; }
    .hc-topic-selector { margin-bottom: 20px; margin-top: 20px; width: 100%; }
    .hc-topic-selector select { max-width: 100%; }
}
/* DESERT STARS HELP CENTER - PURE CSS */
.hc-wrap { font-family: 'Plus Jakarta Sans', sans-serif; background: #f8fafc; color: #1e293b; padding-bottom: 60px; width: 100%; }
.hc-hero { background: linear-gradient(135deg, #1a1a1a 0%, #8b7500 50%, #ffbf00 100%); padding: 60px 20px; text-align: center; margin-bottom: 40px; }
.hc-hero h1 { color: #fff; font-size: 36px; font-weight: 800; margin: 0 0 10px 0; }
.hc-hero p { color: #e0f2fe; font-size: 18px; max-width: 600px; margin: 0 auto; }
.hc-grid { display: flex; flex-wrap: wrap; max-width: 1200px; margin: 0 auto; padding: 0 15px; }
.hc-sidebar { width: 100%; max-width: 320px; padding-right: 25px; margin-bottom: 30px; }
.hc-content { flex: 1; min-width: 0; }
.hc-menu { background: #fff; padding: 20px; border-radius: 16px; border: 1px solid #e2e8f0; box-shadow: 0 4px 15px rgba(0,0,0,0.03); position: sticky; top: 20px; }
.hc-menu h5 { font-weight: 800; color: #0f172a; margin: 0 0 15px 0; font-size: 18px; border-bottom: 1px solid #f1f5f9; padding-bottom: 10px; }
.hc-radio { display: none; }
.hc-panel { display: none; background: #fff; border-radius: 16px; padding: 30px; border: 1px solid #e2e8f0; box-shadow: 0 4px 15px rgba(0,0,0,0.02); margin-bottom: 30px; animation: hcFade 0.4s ease; }
@keyframes hcFade { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.hc-lbl { display: block; padding: 12px 15px; margin-bottom: 8px; background: #f8fafc; border-radius: 10px; color: #334155; font-weight: 700; font-size: 15px; border: 1px solid #e2e8f0; cursor: pointer; transition: 0.2s; }
.hc-lbl:hover { background: #f1f5f9; color: #0f172a; }
.hc-lbl i { color: #d4870e; width: 20px; text-align: center; margin-right: 8px; transition: 0.2s; }
#r-reg:checked ~ .hc-grid .p-reg, #r-bid:checked ~ .hc-grid .p-bid, #r-buy:checked ~ .hc-grid .p-buy, #r-win:checked ~ .hc-grid .p-win, #r-pay:checked ~ .hc-grid .p-pay, #r-ship:checked ~ .hc-grid .p-ship, #r-tran:checked ~ .hc-grid .p-tran, #r-guar:checked ~ .hc-grid .p-guar { display: block; }
#r-reg:checked ~ .hc-grid .l-reg, #r-bid:checked ~ .hc-grid .l-bid, #r-buy:checked ~ .hc-grid .l-buy, #r-win:checked ~ .hc-grid .l-win, #r-pay:checked ~ .hc-grid .l-pay, #r-ship:checked ~ .hc-grid .l-ship, #r-tran:checked ~ .hc-grid .l-tran, #r-guar:checked ~ .hc-grid .l-guar { background: linear-gradient(135deg, #d4870e, #b5720a); color: #fff; border-color: #b5720a; box-shadow: 0 4px 10px rgba(212, 135, 14, 0.3); }
#r-reg:checked ~ .hc-grid .l-reg i, #r-bid:checked ~ .hc-grid .l-bid i, #r-buy:checked ~ .hc-grid .l-buy i, #r-win:checked ~ .hc-grid .l-win i, #r-pay:checked ~ .hc-grid .l-pay i, #r-ship:checked ~ .hc-grid .l-ship i, #r-tran:checked ~ .hc-grid .l-tran i, #r-guar:checked ~ .hc-grid .l-guar i { color: #fff; }
.hc-t { font-weight: 800; color: #0f172a; margin: 0 0 20px 0; font-size: 26px; border-bottom: 2px solid #f1f5f9; padding-bottom: 10px; }
.hc-h4 { font-weight: 700; color: #0f172a; margin: 0 0 10px 0; font-size: 18px; }
.hc-h4 i { color: #d4870e; margin-right: 8px; }
.hc-p { color: #475569; font-size: 15px; line-height: 1.7; margin: 0 0 15px 0; }
.hc-box { display: flex; align-items: flex-start; gap: 15px; margin-bottom: 15px; border: 1px solid #e2e8f0; padding: 20px; border-radius: 12px; background: #fff; }
.hc-num { background: #d4870e; color: #fff; font-weight: 800; font-size: 18px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 8px; flex-shrink: 0; }
.hc-warn { background: #fef9c3; border: 1px solid #fde047; color: #854d0e; padding: 15px; border-radius: 8px; margin-bottom: 20px; font-size: 15px; line-height: 1.6; }
.hc-dang { background: #fee2e2; border: 1px solid #fca5a5; color: #991b1b; padding: 15px; border-radius: 8px; margin-bottom: 20px; font-size: 15px; line-height: 1.6; }
.hc-succ { background: #d1fae5; border: 1px solid #6ee7b7; color: #065f46; padding: 15px; border-radius: 8px; margin-bottom: 20px; font-size: 15px; line-height: 1.6; }
.hc-cta { background: linear-gradient(135deg, #fffbeb 0%, #ffffff 50%, #fef3c7 100%); border: 1px solid #fde68a; border-radius: 20px; padding: 40px; text-align: center; }
.hc-btn { display: inline-block; text-decoration: none; padding: 14px 32px; border-radius: 12px; font-weight: 700; font-size: 16px; background: linear-gradient(135deg, #d4870e, #b5720a); color: #ffffff !important; box-shadow: 0 10px 24px rgba(212, 135, 14, 0.25); }
@media(max-width: 768px){ .hc-sidebar { max-width: 100%; padding-right: 0; position: static; } }