.htlp-wrap{max-width:980px}.htlp-balance{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;margin:15px 0 25px;border:1px solid #e5e5e5;border-radius:8px;background:#fff}.htlp-balance strong{font-size:26px}.htlp-tier-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:15px 0 30px}.htlp-tier{border:1px solid #e5e5e5;border-radius:8px;padding:18px;background:#fff}.htlp-tier-title{font-weight:700;font-size:18px;margin-bottom:8px}.htlp-tier-value{margin-bottom:15px}.htlp-redeem-btn{width:100%}.htlp-coupon-list{display:grid;gap:10px;margin-bottom:30px}.htlp-coupon{display:flex;align-items:center;gap:18px;flex-wrap:wrap;border:1px dashed #ccc;padding:14px 16px;border-radius:7px}.htlp-coupon strong{font-size:17px;letter-spacing:.5px}.htlp-coupon small{margin-left:auto}.htlp-coupon em{font-style:normal;font-weight:600}.htlp-coupon.is-used{opacity:.65}.htlp-coupon.is-expired{opacity:.65}.htlp-plus{color:#16803a;font-weight:600}.htlp-minus{color:#b42318;font-weight:600}.htlp-cart-box,.htlp-redeem-box{margin-top:20px;padding:18px;border:1px solid #e5e5e5;border-radius:8px}.htlp-account-summary{margin:15px 0;padding:12px 15px;border:1px solid #e5e5e5;border-radius:6px}@media(max-width:900px){.htlp-tier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.htlp-tier-grid{grid-template-columns:1fr}.htlp-coupon small{margin-left:0}}

/* Checkout: keep WooCommerce's default coupon form; this block only lists personal point coupons and provides copy. */
.htlp-checkout-coupons{margin:0 0 18px;padding:14px 16px;border:1px solid #e5e5e5;border-radius:6px;background:#fff}
.htlp-checkout-coupons-title{display:block;margin-bottom:10px;font-size:15px}
.htlp-checkout-coupon-list{display:grid;gap:8px}
.htlp-checkout-coupon{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 10px;border:1px solid #eee;border-radius:5px}
.htlp-checkout-coupon-code{font-weight:600;letter-spacing:.3px}
.htlp-checkout-coupon-value{font-size:13px}
.htlp-checkout-coupon small{font-size:12px;opacity:.75}
.htlp-copy-coupon{margin-left:auto;border:0;background:transparent;padding:4px 7px;cursor:pointer;font-size:18px;line-height:1;border-radius:4px}
.htlp-copy-coupon:hover{background:#f3f3f3}
.htlp-copy-coupon.is-copied{color:#198754}
.htlp-checkout-coupon-help{display:block;margin-top:9px;opacity:.75}


/* Account dashboard inspired by modern loyalty-account layouts, adapted for Hữu Tiến. */
.htlp-account-profile{margin:0 0 28px;border:1px solid #e8e8e8;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.04)}
.htlp-account-profile-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px;background:#003DCD;color:#fff}
.htlp-account-identity{display:flex;align-items:center;gap:14px;min-width:0}.htlp-avatar{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;color:#003DCD;font-size:20px;font-weight:700;flex:0 0 58px}.htlp-greeting{font-size:19px;font-weight:600;line-height:1.35}.htlp-member-label{margin-top:4px;font-size:13px;opacity:.82}.htlp-account-stats{display:flex;gap:10px}.htlp-stat{min-width:130px;padding:12px 16px;border-radius:10px;background:rgba(0,0,0,.18);color:#fff!important;text-align:center;text-decoration:none!important}.htlp-stat-number{display:block;font-size:23px;font-weight:700;line-height:1.2;margin-bottom:3px}.htlp-stat span:last-child{font-size:12px;opacity:.9}.htlp-account-quick-links{display:grid;grid-template-columns:1fr 1fr}.htlp-account-quick-links a{display:flex;align-items:center;gap:11px;padding:15px 18px;color:inherit;text-decoration:none;border-top:1px solid #eee}.htlp-account-quick-links a+a{border-left:1px solid #eee}.htlp-quick-icon{width:22px;text-align:center;font-size:18px}.htlp-arrow{margin-left:auto;font-size:24px;line-height:1;color:#777}.htlp-page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.htlp-page-heading h2{margin:0 0 5px}.htlp-page-heading p{margin:0;color:#666}.htlp-heading-balance{min-width:150px;padding:14px 18px;border-radius:10px;background:#f5f7ff;text-align:center}.htlp-heading-balance small{display:block;color:#666}.htlp-heading-balance strong{display:block;font-size:28px;color:#003DCD;line-height:1.2;margin-top:3px}.htlp-heading-count strong{font-size:25px}.htlp-muted{color:#666}.htlp-tier-points{font-weight:700;font-size:18px}.htlp-account-link-row{margin:4px 0 30px}.htlp-account-link-row a{font-weight:600;color:#003DCD}.htlp-coupon-main{display:flex;align-items:center;gap:7px}.htlp-coupon-main strong{font-size:17px;letter-spacing:.5px}.htlp-coupon-page-list .htlp-coupon{justify-content:flex-start}.htlp-coupon-page-list .htlp-coupon-main{min-width:220px}.htlp-coupon-help{padding:13px 15px;border-radius:7px;background:#f7f7f7;color:#666;font-size:13px}.htlp-empty-state{padding:35px 20px;text-align:center;border:1px dashed #d6d6d6;border-radius:10px}.htlp-empty-state p{color:#666}.htlp-copy-coupon{border:0;background:transparent!important;padding:2px 5px;cursor:pointer;font-size:18px;line-height:1;color:#555;border-radius:4px}.htlp-copy-coupon:hover{background:#f0f0f0!important;color:#003DCD}.htlp-copy-coupon.is-copied{color:#198754}.htlp-checkout-coupon .htlp-copy-coupon{margin-left:auto}
@media(max-width:700px){.htlp-account-profile-head{align-items:stretch;flex-direction:column}.htlp-account-stats{width:100%}.htlp-stat{flex:1;min-width:0}.htlp-page-heading{align-items:stretch;flex-direction:column}.htlp-heading-balance{width:auto}.htlp-coupon-page-list .htlp-coupon-main{min-width:0}.htlp-account-quick-links{grid-template-columns:1fr}.htlp-account-quick-links a+a{border-left:0}}


/* My Account navigation: add matching line icons before Loyalty Points and Coupons. */
.woocommerce-MyAccount-navigation-link--ht-loyalty-points > a,
.woocommerce-MyAccount-navigation-link--ht-coupons > a{display:flex!important;align-items:center;}
.woocommerce-MyAccount-navigation-link--ht-loyalty-points > a:before,
.woocommerce-MyAccount-navigation-link--ht-coupons > a:before{content:"";display:inline-block;width:24px;height:24px;flex:0 0 20px;background-repeat:no-repeat;background-position:center;background-size:24px 24px;opacity:.9}
.woocommerce-MyAccount-navigation-link--ht-loyalty-points > a:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235c6670' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 2.75 5.57 6.15.89-4.45 4.34 1.05 6.13L12 17.03 6.5 19.93l1.05-6.13L3.1 9.46l6.15-.89L12 3Z'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation-link--ht-coupons > a:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235c6670' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12.5V7.8a1.8 1.8 0 0 0-1.8-1.8H5.8A1.8 1.8 0 0 0 4 7.8v4.7a2.2 2.2 0 0 1 0 4.4v.5c0 1 .8 1.8 1.8 1.8h12.4c1 0 1.8-.8 1.8-1.8v-.5a2.2 2.2 0 0 1 0-4.4Z'/%3E%3Cpath d='M12 7.5v9M9.5 10h5M9.5 14h5'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation-link--ht-loyalty-points.is-active > a:before,
.woocommerce-MyAccount-navigation-link--ht-coupons.is-active > a:before{filter:brightness(0) saturate(100%) invert(200%) sepia(98%) saturate(2335%) hue-rotate(213deg) brightness(200%) contrast(105%)}
.woocommerce-MyAccount-navigation-link--ht-loyalty-points:hover > a:before, .woocommerce-MyAccount-navigation-link--ht-coupons:hover > a:before {
    filter: brightness(0) saturate(100%) invert(200%) sepia(98%) saturate(2335%) hue-rotate(213deg) brightness(200%) contrast(105%);
}

/* Orders page - consolidated responsive layout (1.2.5) */
.htlp-orders-page{
  display:block;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
.htlp-orders-page,
.htlp-orders-page *{box-sizing:border-box!important}

.htlp-order-tabs{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:stretch;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0 0 20px!important;
  padding:0!important;
  gap:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
  scrollbar-width:thin;
}
.htlp-order-tab{
  display:flex!important;
  flex:0 0 auto!important;
  align-items:center;
  max-width:none!important;
  min-width:max-content!important;
  white-space:nowrap!important;
  padding:15px 18px;
  color:#333!important;
  text-decoration:none!important;
  font-weight:600;
  border-bottom:3px solid transparent;
}
.htlp-order-tab:hover{color:#003DCD!important;background:#f7f9ff}
.htlp-order-tab.is-active,
.htlp-order-tab.is-active:hover,
.htlp-order-tab.is-active:focus{
  color:#fff!important;
  background:#003DCD!important;
  border-bottom-color:#003DCD!important;
}
.htlp-order-tab span{font-size:12px;margin-left:4px;opacity:.8}

.htlp-order-results{
  display:block;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.htlp-order-list{
  display:grid;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  gap:16px;
}
.htlp-order-card{
  display:block;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  background:#fff;
  border:1px solid #e4e4e4;
  border-radius:4px;
  overflow:hidden!important;
}
.htlp-order-head{
  display:grid!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  grid-template-columns:1.1fr 1fr 1fr 1fr;
  gap:14px;
  padding:16px 18px;
  margin:0!important;
  background:#f7f7f7;
  border-bottom:1px solid #e8e8e8;
  font-size:14px;
  color:#555;
}
.htlp-order-head>div{
  min-width:0!important;
  max-width:100%!important;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.htlp-order-head a{color:#003DCD;font-weight:700;text-decoration:none}
.htlp-order-head strong{color:#003DCD}
.htlp-order-head b{font-weight:600}
.htlp-order-head b.is-completed{color:#16803a}
.htlp-order-head b.is-processing{color:#a15c00}
.htlp-order-head b.is-shipping{color:#0066cc}
.htlp-order-head b.is-cancelled{color:#b42318}

.htlp-order-products{
  display:block;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  padding:0 18px;
}
.htlp-order-product{
  display:grid!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  grid-template-columns:72px minmax(0,1fr) minmax(0,130px);
  align-items:center;
  gap:16px;
  padding:16px 0;
  margin:0!important;
  border-bottom:1px solid #eee;
}
.htlp-order-product:last-child{border-bottom:0}
.htlp-order-thumb{
  display:flex!important;
  width:72px!important;
  height:72px!important;
  max-width:72px!important;
  min-width:0!important;
  align-items:center;
  justify-content:center;
  margin:0!important;
  flex:0 0 72px!important;
  background:#fff;
  overflow:hidden;
}
.htlp-order-thumb img{
  display:block!important;
  width:72px!important;
  max-width:100%!important;
  height:72px!important;
  object-fit:contain;
}
.htlp-order-product-name{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden;
}
.htlp-order-product-name a{
  display:block;
  max-width:100%!important;
  color:#444;
  text-decoration:none;
  font-size:15px;
  line-height:1.45;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.htlp-order-product-name small{
  display:block;
  max-width:100%;
  color:#888;
  margin-top:6px;
  overflow-wrap:anywhere;
}
.htlp-order-product-price{
  min-width:0!important;
  max-width:100%!important;
  text-align:right;
  font-weight:600;
  color:#444;
  overflow-wrap:anywhere;
  word-break:break-word;
}

.htlp-order-actions{
  display:flex!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  align-items:stretch;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:10px;
  padding:14px 18px;
  margin:0!important;
  border-top:1px solid #eee;
}
.htlp-order-actions .button{
  display:flex!important;
  flex:0 1 auto!important;
  width:auto!important;
  max-width:100%!important;
  min-width:110px!important;
  min-height:40px;
  margin:0!important;
  padding:11px 18px!important;
  align-items:center;
  justify-content:center;
  box-sizing:border-box!important;
  text-align:center;
  white-space:normal!important;
  overflow-wrap:anywhere;
  border-radius:3px!important;
}
.htlp-order-view{background:#003DCD!important;color:#fff!important;border-color:#003DCD!important}
.htlp-order-reorder{background:#fff!important;color:#003DCD!important;border:1px solid #003DCD!important}
.htlp-order-reorder.is-loading{opacity:.7;cursor:wait}

.htlp-orders-empty{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  padding:50px 20px;
  text-align:center;
  border:1px solid #e5e5e5;
  background:#fff;
}
.htlp-orders-empty strong{font-size:18px}
.htlp-orders-empty p{color:#666;margin:8px 0 20px}

.htlp-order-pagination{
  display:flex;
  width:100%;
  max-width:100%;
  justify-content:center;
  flex-wrap:wrap;
  gap:7px;
  margin-top:22px;
}
.htlp-order-pagination a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:38px;
  height:38px;
  border:1px solid #ddd;
  color:#333;
  text-decoration:none;
  background:#fff;
}
.htlp-order-pagination a.is-current{background:#003DCD;color:#fff;border-color:#003DCD}

.htlp-orders-page.is-loading{opacity:.72;pointer-events:none;position:relative}
.htlp-orders-page.is-loading:after{
  content:"";
  position:absolute;
  left:50%;
  top:110px;
  width:24px;
  height:24px;
  margin:-12px 0 0 -12px;
  border:3px solid rgba(0,61,205,.18);
  border-top-color:#003DCD;
  border-radius:50%;
  animation:htlp-spin .7s linear infinite;
}
.htlp-order-results[aria-busy="true"]{min-height:80px}
@keyframes htlp-spin{to{transform:rotate(360deg)}}

/* Prevent the theme's My Account flex/grid item from keeping an intrinsic width. */
.woocommerce-account .woocommerce-MyAccount-content{
  min-width:0!important;
  box-sizing:border-box!important;
}
.woocommerce-account .woocommerce-MyAccount-content .htlp-orders-page{
  contain:inline-size;
}

/* Tablet */
@media (max-width:850px){
  .htlp-order-head{
    grid-template-columns:1fr 1fr;
    gap:10px 16px;
    padding:14px 15px;
  }
  .htlp-order-products{padding:0 15px}
  .htlp-order-product{
    grid-template-columns:60px minmax(0,1fr) minmax(0,105px);
    gap:12px;
  }
  .htlp-order-thumb{width:60px!important;height:60px!important}
  .htlp-order-thumb img{width:60px!important;height:60px!important}
  .htlp-order-actions{padding:12px 15px}
}

/* Mobile */
@media (max-width:767px){
  .htlp-orders-page{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .htlp-order-tabs{margin-bottom:16px!important}
  .htlp-order-tab{
    padding:12px 14px;
    font-size:13px;
    line-height:1.35;
  }
  .htlp-order-list{gap:12px}
  .htlp-order-head{
    grid-template-columns:1fr!important;
    gap:7px!important;
    padding:12px 13px!important;
    font-size:13px;
    line-height:1.45;
  }
  .htlp-order-head>div{
    display:flex;
    align-items:baseline;
    gap:4px;
    width:100%;
  }
  .htlp-order-products{padding:0 13px!important}
  .htlp-order-product{
    grid-template-columns:52px minmax(0,1fr)!important;
    gap:9px!important;
    align-items:start!important;
    padding:12px 0;
  }
  .htlp-order-thumb{
    width:52px!important;
    height:52px!important;
    max-width:52px!important;
    flex:none!important;
  }
  .htlp-order-thumb img{
    width:52px!important;
    height:52px!important;
  }
  .htlp-order-product-name{
    grid-column:2!important;
    width:100%!important;
  }
  .htlp-order-product-price{
    grid-column:2!important;
    width:100%!important;
    text-align:left!important;
    font-size:13px;
    white-space:normal!important;
  }
  .htlp-order-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    padding:10px 13px!important;
    gap:7px!important;
  }
  .htlp-order-actions .button{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:40px;
    padding:10px 12px!important;
  }
}

/* Small phones */
@media (max-width:480px){
  .htlp-order-tab{
    padding:11px 12px;
    font-size:12px;
  }
  .htlp-order-head{padding:11px 12px!important}
  .htlp-order-products{padding:0 12px!important}
  .htlp-order-actions{padding:10px 12px!important}
}

/* 1.2.7 - Cleaner personal points page. Keep all existing plugin styles intact. */
.htlp-points-page{max-width:100%!important;margin:0!important;color:#171717}
.htlp-points-page .htlp-points-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 0 22px;margin:0 0 24px;border-bottom:1px solid #eceff3}
.htlp-points-heading{min-width:0}
.htlp-eyebrow{display:block;margin:0 0 6px;font-size:12px;line-height:1.2;font-weight:700;letter-spacing:.08em;color:#003DCD}
.htlp-points-heading h2{margin:0 0 6px!important;font-size:25px!important;line-height:1.25!important;font-weight:700!important;color:#151515!important}
.htlp-points-heading p{margin:0!important;color:#68707c;font-size:14px;line-height:1.55}
.htlp-points-balance{flex:0 0 170px;padding:14px 18px;border-radius:10px;background:#f4f7ff;text-align:center}
.htlp-points-balance small{display:block;color:#6d7480;font-size:12px;margin-bottom:2px}
.htlp-points-balance strong{display:inline-block;color:#003DCD;font-size:29px;line-height:1.1;font-weight:700}
.htlp-points-balance span{display:inline-block;margin-left:4px;color:#003DCD;font-size:13px;font-weight:600}

.htlp-points-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 14px}
.htlp-points-section-head h3{margin:0 0 4px!important;font-size:19px!important;line-height:1.3!important;font-weight:700!important;color:#171717!important}
.htlp-points-section-head p{margin:0!important;color:#747b86;font-size:13px;line-height:1.45}
.htlp-coupon-link{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;color:#003DCD!important;font-size:13px;font-weight:600;text-decoration:none!important}
.htlp-coupon-link:hover{color:#002b91!important}
.htlp-coupon-link span{font-size:17px;line-height:1}

.htlp-points-page .htlp-tier-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 30px!important}
.htlp-points-page .htlp-tier{position:relative;min-width:0;padding:16px 15px 14px!important;border:1px solid #e2e6eb!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.htlp-points-page .htlp-tier:hover{border-color:#b9c7e8!important;box-shadow:0 4px 14px rgba(0,61,205,.07);transform:translateY(-1px)}
.htlp-points-page .htlp-tier-points{margin:0 0 5px!important;font-size:16px!important;line-height:1.3;font-weight:700!important;color:#20242a}
.htlp-points-page .htlp-tier-points span{font-size:12px;color:#737b86;font-weight:500}
.htlp-points-page .htlp-tier-value{margin:0!important;color:#003DCD;font-size:17px;font-weight:700}
.htlp-points-page .htlp-tier-value .woocommerce-Price-amount{font-weight:700}
.htlp-tier-text{margin:0 0 13px!important;display: flex;flex-direction: column;font-size: 12px;}
.htlp-points-page .htlp-redeem-btn{width:100%!important;min-height:38px!important;margin:0!important;padding:8px 10px!important;border:1px solid #003DCD!important;border-radius:4px!important;background:#fff!important;color:#003DCD!important;font-size:13px!important;font-weight:600!important;line-height:1.2!important;box-shadow:none!important}
.htlp-points-page .htlp-redeem-btn:hover:not(:disabled){background:#003DCD!important;color:#fff!important}
.htlp-points-page .htlp-redeem-btn:disabled{border-color:#d8dce2!important;background:#f5f6f8!important;color:#a2a8b0!important;cursor:not-allowed;opacity:1!important}

.htlp-history{margin-top:4px;padding-top:22px;border-top:1px solid #eceff3}
.htlp-history-head{display:flex;align-items:end;justify-content:space-between;margin:0 0 12px}
.htlp-history-head h3{margin:0 0 4px!important;font-size:19px!important;line-height:1.3!important;font-weight:700!important;color:#171717!important}
.htlp-history-head p{margin:0!important;color:#747b86;font-size:13px}
.htlp-history-table-wrap{width:100%;overflow-x:auto;border:1px solid #e3e7eb;border-radius:7px;background:#fff}
.htlp-history table{width:100%;margin:0!important;border:0!important;border-collapse:collapse!important;border-spacing:0!important;font-size:13px}
.htlp-history table th{padding:11px 13px!important;background:#f7f8fa!important;border:0!important;border-bottom:1px solid #e3e7eb!important;color:#555d68!important;font-size:12px!important;font-weight:600!important;text-align:left!important;white-space:nowrap}
.htlp-history table td{padding:11px 13px!important;border:0!important;border-bottom:1px solid #eef0f3!important;color:#30343a!important;vertical-align:middle!important;line-height:1.4}
.htlp-history table tr:last-child td{border-bottom:0!important}
.htlp-history table th:first-child,.htlp-history table td:first-child{width:145px;white-space:nowrap}
.htlp-history table th:nth-child(3),.htlp-history table td:nth-child(3){width:90px;text-align:right;white-space:nowrap}
.htlp-history table th:last-child,.htlp-history table td:last-child{width:90px;text-align:right;white-space:nowrap}
.htlp-history .htlp-plus{color:#16803a!important;font-weight:700!important}
.htlp-history .htlp-minus{color:#b42318!important;font-weight:700!important}
.htlp-history-empty{padding:28px 20px;text-align:center;color:#737b86;border:1px dashed #d9dde3;border-radius:7px;background:#fafbfc}

@media(max-width:900px){
  .htlp-points-page .htlp-tier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .htlp-points-page .htlp-points-header{align-items:stretch;flex-direction:column;gap:14px;padding-bottom:18px;margin-bottom:20px}
  .htlp-points-balance{flex-basis:auto;width:100%;text-align:left;padding:11px 14px}
  .htlp-points-balance small{display:inline-block;margin-right:7px}
  .htlp-points-balance strong{font-size:24px}
  .htlp-points-section-head{align-items:flex-start;flex-direction:column;gap:8px}
  .htlp-points-page .htlp-tier-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px!important}
  .htlp-points-page .htlp-tier{padding:14px 12px 12px!important}
  .htlp-history{padding-top:18px}
}
@media(max-width:520px){
  .htlp-points-heading h2{font-size:21px!important}
  .htlp-points-heading p{font-size:13px}
  .htlp-points-page .htlp-tier-grid{grid-template-columns:1fr}
  .htlp-points-page .htlp-tier{display:grid;grid-template-columns:minmax(0,1fr) 105px;column-gap:10px;align-items:center}
  .htlp-points-page .htlp-tier-points,.htlp-points-page .htlp-tier-value{grid-column:1}
  .htlp-points-page .htlp-tier-points{margin-bottom:2px!important}
  .htlp-points-page .htlp-tier-value{margin-bottom:0!important}
  .htlp-points-page .htlp-redeem-btn{grid-column:2;grid-row:1 / span 2}
  .htlp-history-table-wrap{border:0;overflow:visible;background:transparent}
  .htlp-history table,.htlp-history thead,.htlp-history tbody,.htlp-history tr,.htlp-history td{display:block;width:100%}
  .htlp-history thead{display:none}
  .htlp-history tbody{display:grid;gap:8px}
  .htlp-history tr{padding:11px 12px;border:1px solid #e5e8ec;border-radius:7px;background:#fff}
  .htlp-history table td{display:flex;justify-content:space-between;gap:12px;padding:3px 0!important;border:0!important;text-align:right!important;white-space:normal!important;width:100%!important}
  .htlp-history table td:before{content:attr(data-label);flex:0 0 auto;color:#7a818b;font-size:12px;text-align:left}
  .htlp-history table td:first-child{width:100%!important}
  .htlp-history table td:nth-child(3),.htlp-history table td:last-child{width:100%!important}
}