:root {
  --dg-ink: #15171a;
  --dg-muted: #687078;
  --dg-brand: #ff5a3d;
  --dg-green: #0f8f7a;
  --dg-paper: #f7f9fb;
  --dg-line: rgba(21, 23, 26, 0.08);
}

html,
body {
  background: #eef2f5;
  width: 100%;
  min-width: 0;
  overflow-x: hidden;
}

body {
  color: var(--dg-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

uni-page-body,
.container {
  background: #eef2f5 !important;
  padding-bottom: calc(86px + env(safe-area-inset-bottom)) !important;
  box-sizing: border-box;
  max-width: 100vw;
}

uni-tabbar,
uni-tabbar .uni-tabbar {
  display: none !important;
}

view,
image,
uni-view,
uni-image {
  box-sizing: border-box;
}

image,
img {
  max-width: 100%;
}

.dingift-entry-hero,
.home-hero,
.home-quick,
.home-flow {
  display: none !important;
}

.diy-goods,
.goods-list,
.goods-info,
.goods-choice,
.goods-content .item-title,
.goods-content__detail {
  border-radius: 14px !important;
}

.goods-item,
.diy-goods .goods-item,
.goods-list .goods-item {
  overflow: hidden;
  background: #fff !important;
  border: 1px solid var(--dg-line);
  border-radius: 14px !important;
  box-shadow: 0 10px 26px rgba(31, 24, 18, 0.07) !important;
}

.goods-item image,
.goods-image,
.goods-item .image {
  border-radius: 12px !important;
}

.goods-name,
.detail .goods-name,
.goods-content .item-title {
  color: var(--dg-ink) !important;
  font-weight: 700 !important;
}

.floor-price,
.floor-price__samll,
.goods-price,
.price {
  color: var(--dg-brand) !important;
}

.footer-fixed {
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 -8px 28px rgba(31, 24, 18, 0.12) !important;
}

.btn-item-main,
.detail-action,
button[type="primary"] {
  color: #fff !important;
  background: linear-gradient(135deg, #26211d, #b64f2f) !important;
}

.btn-item-deputy {
  color: #6b3f24 !important;
  background: #f7eadc !important;
}

uni-tabbar .uni-tabbar {
  display: flex !important;
  align-items: stretch !important;
  border-top: 1px solid rgba(31, 24, 18, 0.08) !important;
  box-shadow: 0 -8px 28px rgba(31, 24, 18, 0.08);
  height: calc(56px + env(safe-area-inset-bottom)) !important;
  padding: 5px 0 env(safe-area-inset-bottom) !important;
}

uni-tabbar .uni-tabbar__item {
  min-width: 0 !important;
  flex: 1 1 0 !important;
}

uni-tabbar .uni-tabbar__icon {
  width: 22px !important;
  height: 22px !important;
}

uni-tabbar .uni-tabbar__label {
  max-width: 100%;
  overflow: hidden;
  font-weight: 600;
  font-size: 11px !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.dingift-has-custom-tab uni-tabbar .uni-tabbar {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

body.dingift-has-custom-tab uni-tabbar .uni-tabbar__item {
  width: auto !important;
}

body.dingift-has-custom-tab uni-tabbar .uni-tabbar__item:nth-child(1) {
  grid-column: 1;
}

body.dingift-has-custom-tab uni-tabbar .uni-tabbar__item:nth-child(2) {
  grid-column: 2;
}

body.dingift-has-custom-tab uni-tabbar .uni-tabbar__item:nth-child(3) {
  grid-column: 4;
}

body.dingift-has-custom-tab uni-tabbar .uni-tabbar__item:nth-child(4) {
  grid-column: 5;
}

.dingift-custom-tab {
  position: fixed;
  left: 50%;
  bottom: calc(7px + env(safe-area-inset-bottom));
  z-index: 1001;
  display: flex;
  width: 58px;
  min-width: 58px;
  height: 58px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: #fff;
  font: inherit;
  line-height: 1;
  background: linear-gradient(145deg, #1f1b18, #b64f2f);
  border: 3px solid #fff;
  border-radius: 999px;
  box-shadow: 0 10px 26px rgba(80, 38, 18, 0.22);
  transform: translateX(-50%);
  appearance: none;
  -webkit-appearance: none;
}

.dingift-custom-tab__icon {
  display: flex;
  width: 22px;
  height: 22px;
  align-items: center;
  justify-content: center;
  margin-bottom: 3px;
  color: #b64f2f;
  font-size: 13px;
  font-weight: 800;
  background: #fff;
  border-radius: 8px;
}

.dingift-custom-tab__text {
  display: block;
  font-size: 11px;
  font-weight: 700;
}

.dingift-custom-tab.is-active {
  background: linear-gradient(145deg, #b64f2f, #d06b47);
}

.login {
  min-height: 100vh !important;
  background: #f7f4ef !important;
}

.login .container {
  min-height: 100vh !important;
  padding: 36px 20px calc(28px + env(safe-area-inset-bottom)) !important;
  background: linear-gradient(180deg, #fff8f1 0%, #f7f4ef 44%, #fff 100%) !important;
}

.login .header {
  margin-bottom: 24px !important;
}

.login .header .title {
  color: #1f1b18 !important;
  font-size: 23px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

.login .header .sub-title {
  margin-top: 9px !important;
  color: #7d746d !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

.login .login-form {
  width: 100% !important;
  padding: 17px 14px 20px !important;
  background: #fff !important;
  border: 1px solid rgba(31, 24, 18, 0.06) !important;
  border-radius: 12px !important;
  box-shadow: 0 9px 23px rgba(31, 24, 18, 0.08) !important;
}

.login .form-item {
  display: flex !important;
  align-items: center !important;
  min-height: 46px !important;
  height: auto !important;
  padding: 0 2px !important;
  margin-bottom: 12px !important;
  overflow: hidden !important;
  border-bottom: 1px solid #eee8e2 !important;
}

.login .form-item--input {
  min-width: 0 !important;
  flex: 1 1 auto !important;
  height: 44px !important;
  font-size: 14px !important;
  line-height: 44px !important;
  letter-spacing: 0 !important;
}

.login .form-item--parts {
  flex: 0 0 auto !important;
  min-width: 0 !important;
  height: auto !important;
  margin-left: 9px !important;
}

.login .captcha {
  display: flex !important;
  align-items: center !important;
  height: 36px !important;
}

.login .captcha .image {
  width: 88px !important;
  height: 32px !important;
  border-radius: 5px !important;
}

.login .captcha-sms {
  min-width: 76px !important;
  padding-right: 0 !important;
  color: #b64f2f !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 28px !important;
  text-align: right !important;
  white-space: nowrap !important;
}

.login .captcha-sms .un-activate {
  color: #9e9e9e !important;
}

.login .login-button {
  height: 44px !important;
  margin-top: 25px !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  background: linear-gradient(135deg, #26211d, #b64f2f) !important;
  border-radius: 40px !important;
  box-shadow: 0 7px 15px rgba(80, 38, 18, 0.18) !important;
}

@media (max-width: 360px) {
  .login .container {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .login .login-form {
    padding-left: 11px !important;
    padding-right: 11px !important;
  }

  .login .captcha .image {
    width: 75px !important;
  }

  .login .captcha-sms {
    min-width: 64px !important;
    font-size: 12px !important;
  }
}

@media (min-width: 760px) {
  #app {
    max-width: 540px;
    min-height: 100vh;
    margin: 0 auto;
    background: #f7f9fb;
    box-shadow: 0 0 0 1px rgba(31, 24, 18, 0.06), 0 20px 80px rgba(31, 24, 18, 0.12);
  }
}

body.dingift-home-mounted {
  background:
    linear-gradient(180deg, #f7fbff 0%, #eef2f5 42%, #f8fafc 100%);
}

body.dingift-home-mounted #app {
  display: none !important;
}

body.dingift-home-mounted uni-app,
body.dingift-customize-mounted uni-app,
body.dingift-home-mounted uni-page,
body.dingift-customize-mounted uni-page,
body.dingift-home-mounted uni-page-wrapper,
body.dingift-customize-mounted uni-page-wrapper,
body.dingift-home-mounted uni-page-body,
body.dingift-customize-mounted uni-page-body,
body.dingift-home-mounted uni-tabbar {
  display: none !important;
}

body.dingift-home-mounted .dingift-custom-tab {
  display: none !important;
}

body.dingift-customize-mounted {
  background: #eef2f5;
}

body.dingift-customize-mounted .dingift-custom-tab,
body.dingift-customize-mounted uni-tabbar {
  display: none !important;
}

body.dingift-detail-mounted uni-app,
body.dingift-detail-mounted uni-page,
body.dingift-detail-mounted uni-page-wrapper,
body.dingift-detail-mounted uni-page-body,
body.dingift-detail-mounted uni-tabbar {
  display: none !important;
}

body.dingift-user-mounted uni-app,
body.dingift-user-mounted uni-page,
body.dingift-user-mounted uni-page-wrapper,
body.dingift-user-mounted uni-page-body,
body.dingift-user-mounted uni-tabbar {
  display: none !important;
}

body.dingift-detail-mounted {
  background: #eef2f5;
}

body.dingift-detail-purchasing .dingift-detail-shell,
body.dingift-detail-purchasing .footer-fixed {
  display: none !important;
}

body.dingift-user-mounted {
  background: #eef2f5;
}

.dingift-home-shell {
  width: 100%;
  min-height: 100vh;
  margin: 0 auto;
  color: #15171a;
  background: #f7f9fb;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.dingift-customize-shell {
  width: 100%;
  min-height: 100vh;
  margin: 0 auto;
  color: #15171a;
  background: #eef2f5;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.dingift-detail-shell {
  width: 100%;
  min-height: 100vh;
  margin: 0 auto;
  color: #15171a;
  background: #eef2f5;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.dingift-user-shell {
  width: 100%;
  min-height: 100vh;
  margin: 0 auto;
  color: #15171a;
  background: #eef2f5;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.dg-user {
  min-height: 100vh;
  padding: calc(14px + env(safe-area-inset-top)) 12px calc(88px + env(safe-area-inset-bottom));
  box-sizing: border-box;
}

.dg-user button {
  box-sizing: border-box;
  padding: 0;
  color: inherit;
  font: inherit;
  line-height: 1;
  background: none;
  border: 0;
  appearance: none;
  -webkit-appearance: none;
}

.dg-user-hero {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 18px;
  color: #fff;
  background: linear-gradient(135deg, #15171a, #26323a);
  border-radius: 8px;
  box-shadow: 0 18px 44px rgba(21, 23, 26, 0.14);
}

.dg-user-avatar {
  display: flex;
  width: 58px;
  height: 58px;
  align-items: center;
  justify-content: center;
  color: #15171a;
  font-size: 28px;
  font-weight: 900;
  background: #ffd64a;
  border-radius: 8px;
}

.dg-user-copy {
  min-width: 0;
}

.dg-user-copy span,
.dg-user-copy h1,
.dg-user-copy p {
  display: block;
  margin: 0;
}

.dg-user-copy span {
  color: #ffd64a;
  font-size: 12px;
  font-weight: 900;
}

.dg-user-copy h1 {
  margin-top: 7px;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.22;
  letter-spacing: 0;
}

.dg-user-copy p {
  margin-top: 8px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  line-height: 1.5;
}

.dg-user-hero > button {
  grid-column: 1 / -1;
  display: flex !important;
  height: 42px;
  align-items: center;
  justify-content: center;
  color: #15171a !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  background: #fff !important;
  border-radius: 999px !important;
}

.dg-user-assets {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0;
}

.dg-user-assets button,
.dg-user-order,
.dg-user-enterprise,
.dg-user-service {
  background: #fff;
  border: 1px solid rgba(21, 23, 26, 0.08);
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(21, 23, 26, 0.05);
}

.dg-user-assets button {
  min-height: 70px;
  text-align: center;
}

.dg-user-assets strong,
.dg-user-assets span {
  display: block;
}

.dg-user-assets strong {
  color: #ff5a3d;
  font-size: 20px;
  font-weight: 900;
}

.dg-user-assets span {
  margin-top: 7px;
  color: #687078;
  font-size: 12px;
  font-weight: 800;
}

.dg-user-order,
.dg-user-enterprise,
.dg-user-service {
  margin-top: 12px;
  padding: 14px;
}

.dg-user-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.dg-user-section-head h2,
.dg-user-service h2 {
  margin: 0;
  color: #15171a;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 0;
}

.dg-user-section-head button {
  color: #0f8f7a;
  font-size: 12px;
  font-weight: 900;
}

.dg-order-empty {
  margin-top: 12px;
  padding: 18px;
  text-align: center;
  background: #f7f9fb;
  border-radius: 8px;
}

.dg-order-empty strong {
  display: block;
  color: #15171a;
  font-size: 18px;
  font-weight: 900;
}

.dg-order-empty p {
  margin: 8px auto 0;
  max-width: 20em;
  color: #5a646e;
  font-size: 13px;
  line-height: 1.6;
}

.dg-order-empty div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 14px;
}

.dg-order-empty button {
  height: 42px;
  color: #fff;
  font-size: 14px;
  font-weight: 900;
  text-align: center;
  background: #15171a;
  border-radius: 8px;
}

.dg-order-empty button + button {
  color: #15171a;
  background: #ffd64a;
}

.dg-user-order-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}

.dg-user-order-tabs button {
  min-height: 40px;
  color: #15171a;
  font-size: 13px;
  font-weight: 900;
  text-align: center;
  background: #fff;
  border: 1px solid rgba(21, 23, 26, 0.08);
  border-radius: 8px;
}

.dg-user-enterprise {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: #15171a;
}

.dg-user-enterprise div {
  min-width: 0;
}

.dg-user-enterprise span,
.dg-user-enterprise strong,
.dg-user-enterprise p {
  display: block;
}

.dg-user-enterprise span {
  color: #ffd64a;
  font-size: 11px;
  font-weight: 900;
}

.dg-user-enterprise strong {
  margin-top: 6px;
  color: #fff;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.35;
}

.dg-user-enterprise p {
  margin: 6px 0 0;
  color: rgba(255, 255, 255, 0.68);
  font-size: 12px;
  line-height: 1.45;
}

.dg-user-enterprise button {
  flex: 0 0 auto;
  height: 38px;
  padding: 0 13px;
  color: #15171a;
  font-size: 13px;
  font-weight: 900;
  background: #ffd64a;
  border-radius: 999px;
}

.dg-user-service div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}

.dg-user-service button {
  min-height: 74px;
  color: #15171a;
  font-size: 12px;
  font-weight: 900;
  text-align: center;
  background: #f7f9fb;
  border-radius: 8px;
}

.dg-user-service button span {
  display: block;
  margin-bottom: 7px;
  color: #0f8f7a;
  font-size: 18px;
  font-weight: 900;
}

.dg-detail {
  min-height: 100vh;
  padding: calc(12px + env(safe-area-inset-top)) 12px calc(88px + env(safe-area-inset-bottom));
  box-sizing: border-box;
}

.dg-detail button {
  box-sizing: border-box;
  padding: 0;
  color: inherit;
  font: inherit;
  line-height: 1;
  background: none;
  border: 0;
  appearance: none;
  -webkit-appearance: none;
}

.dg-detail__top {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  margin-bottom: 12px;
}

.dg-detail__top strong,
.dg-detail__top span {
  display: block;
}

.dg-detail__top strong {
  font-size: 21px;
  font-weight: 900;
}

.dg-detail__top span {
  margin-top: 4px;
  color: #687078;
  font-size: 12px;
}

.dg-detail-visual {
  aspect-ratio: 1 / 0.86;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(21, 23, 26, 0.08);
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(21, 23, 26, 0.08);
}

.dg-detail-visual img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.dg-detail-card,
.dg-detail-flow,
.dg-detail-note {
  margin-top: 10px;
  padding: 14px;
  background: #fff;
  border: 1px solid rgba(21, 23, 26, 0.08);
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(21, 23, 26, 0.05);
}

.dg-detail-price {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px;
}

.dg-detail-price b {
  color: #ff5a3d;
  font-size: 30px;
  font-weight: 900;
}

.dg-detail-price del {
  color: #9aa2aa;
  font-size: 14px;
}

.dg-detail-price span {
  color: #687078;
  font-size: 13px;
}

.dg-detail-card h1 {
  margin: 8px 0 0;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.25;
  letter-spacing: 0;
}

.dg-detail-card p,
.dg-detail-note p {
  margin: 8px 0 0;
  color: #5a646e;
  font-size: 14px;
  line-height: 1.6;
}

.dg-detail-flow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.dg-detail-flow h2 {
  grid-column: 1 / -1;
  margin: 0 0 2px;
  font-size: 18px;
  font-weight: 900;
}

.dg-detail-flow div {
  min-width: 0;
  padding: 12px 8px;
  text-align: center;
  background: #f7f9fb;
  border-radius: 8px;
}

.dg-detail-flow span,
.dg-detail-flow strong,
.dg-detail-flow small,
.dg-detail-note strong {
  display: block;
}

.dg-detail-flow span {
  width: 28px;
  height: 28px;
  margin: 0 auto 7px;
  color: #fff;
  font-size: 14px;
  font-weight: 900;
  line-height: 28px;
  background: #ff5a3d;
  border-radius: 999px;
}

.dg-detail-flow strong {
  font-size: 13px;
  font-weight: 900;
}

.dg-detail-flow small {
  margin-top: 5px;
  color: #687078;
  font-size: 10px;
  line-height: 1.4;
}

.dg-detail-note strong {
  font-size: 17px;
  font-weight: 900;
}

.dg-detail-actions {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1002;
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  max-width: 540px;
  gap: 8px;
  margin: 0 auto;
  padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.98);
  border-top: 1px solid rgba(21, 23, 26, 0.08);
  box-shadow: 0 -12px 36px rgba(21, 23, 26, 0.12);
}

.dg-detail-actions .dg-primary,
.dg-detail-actions .dg-secondary {
  display: flex !important;
  height: 52px;
  align-items: center;
  justify-content: center;
  font-size: 16px !important;
  font-weight: 900 !important;
  border-radius: 8px !important;
}

.dg-detail-actions .dg-primary {
  color: #fff !important;
  background: #15171a !important;
}

.dg-detail-actions .dg-secondary {
  color: #15171a !important;
  background: #ffd64a !important;
}

.dg-customize {
  min-height: 100vh;
  padding: calc(12px + env(safe-area-inset-top)) 12px calc(88px + env(safe-area-inset-bottom));
  box-sizing: border-box;
}

.dg-customize button {
  box-sizing: border-box;
  padding: 0;
  color: inherit;
  font: inherit;
  line-height: 1;
  background: none;
  border: 0;
  appearance: none;
  -webkit-appearance: none;
}

.dg-customize__top {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  margin-bottom: 12px;
}

.dg-back {
  display: flex !important;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  color: #15171a !important;
  font-size: 34px !important;
  background: #fff !important;
  border: 1px solid rgba(21, 23, 26, 0.08) !important;
  border-radius: 8px !important;
}

.dg-customize__top strong,
.dg-customize__top span {
  display: block;
}

.dg-customize__top strong {
  font-size: 21px;
  font-weight: 900;
}

.dg-customize__top span {
  margin-top: 4px;
  color: #687078;
  font-size: 12px;
}

.dg-customize-hero {
  padding: 18px;
  overflow: hidden;
  background: linear-gradient(135deg, #15171a, #26323a);
  border-radius: 8px;
  box-shadow: 0 18px 44px rgba(21, 23, 26, 0.14);
}

.dg-customize-hero span,
.dg-customize-hero h1,
.dg-customize-hero p {
  display: block;
  margin: 0;
}

.dg-customize-hero > span {
  color: #ffd64a;
  font-size: 12px;
  font-weight: 900;
}

.dg-customize-hero h1 {
  max-width: 12em;
  margin-top: 10px;
  color: #fff;
  font-size: 26px;
  font-weight: 900;
  line-height: 1.16;
  letter-spacing: 0;
}

.dg-customize-hero p {
  margin-top: 12px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 13px;
  line-height: 1.6;
}

.dg-customize-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 16px;
}

.dg-customize-steps b {
  display: flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  color: #15171a;
  font-size: 12px;
  font-weight: 900;
  text-align: center;
  background: #fff;
  border-radius: 999px;
}

.dg-customize-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0;
}

.dg-customize-tabs button {
  min-height: 42px;
  padding: 0 8px;
  color: #15171a;
  font-size: 13px;
  font-weight: 900;
  text-align: center;
  background: #fff;
  border: 1px solid rgba(21, 23, 26, 0.08);
  border-radius: 8px;
  box-shadow: 0 8px 20px rgba(21, 23, 26, 0.04);
}

.dg-customize-block {
  margin-top: 14px;
  scroll-margin-top: 12px;
}

.dg-customize-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 9px;
}

.dg-customize-head h2 {
  margin: 0;
  color: #15171a;
  font-size: 19px;
  font-weight: 900;
  letter-spacing: 0;
}

.dg-customize-head span {
  color: #0f8f7a;
  font-size: 12px;
  font-weight: 800;
  text-align: right;
}

.dg-custom-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.dg-custom-card {
  display: block !important;
  min-width: 0;
  overflow: hidden;
  text-align: left;
  background: #fff !important;
  border: 1px solid rgba(21, 23, 26, 0.08) !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 26px rgba(21, 23, 26, 0.06);
}

.dg-custom-card__img {
  display: block;
  aspect-ratio: 1 / 0.92;
  overflow: hidden;
  background: #f5f7f9;
}

.dg-custom-card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dg-custom-card__copy {
  display: block;
  padding: 10px;
}

.dg-custom-card__badge {
  display: inline-flex;
  max-width: 100%;
  height: 20px;
  align-items: center;
  padding: 0 7px;
  color: #0f8f7a;
  font-size: 10px;
  font-weight: 900;
  background: rgba(15, 143, 122, 0.1);
  border-radius: 999px;
}

.dg-custom-card strong,
.dg-custom-card small,
.dg-custom-card em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dg-custom-card strong {
  height: 36px;
  margin-top: 8px;
  color: #15171a;
  font-size: 14px;
  font-weight: 900;
  line-height: 18px;
}

.dg-custom-card small {
  margin-top: 5px;
  color: #687078;
  font-size: 11px;
  white-space: nowrap;
}

.dg-custom-card em {
  margin-top: 8px;
  color: #ff5a3d;
  font-size: 17px;
  font-style: normal;
  font-weight: 900;
}

.dg-custom-help {
  margin-top: 16px;
  padding: 16px;
  background: #fff;
  border: 1px solid rgba(21, 23, 26, 0.08);
  border-radius: 8px;
}

.dg-custom-help h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 900;
}

.dg-custom-help p {
  margin: 8px 0 0;
  color: #5a646e;
  font-size: 13px;
  line-height: 1.6;
}

.dg-home {
  min-height: 100vh;
  padding: calc(14px + env(safe-area-inset-top)) 14px calc(88px + env(safe-area-inset-bottom));
  box-sizing: border-box;
}

.dg-home button {
  box-sizing: border-box;
  padding: 0;
  color: inherit;
  font: inherit;
  line-height: 1;
  text-align: left;
  background: none;
  border: 0;
  appearance: none;
  -webkit-appearance: none;
}

.dg-home__top {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  margin-bottom: 14px;
}

.dg-brand {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  font-weight: 800;
}

.dg-brand span {
  display: inline-flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  font-weight: 900;
  background: #15171a;
  border-radius: 8px;
}

.dg-brand strong {
  font-size: 17px;
}

.dg-search {
  display: flex !important;
  min-width: 0;
  height: 38px;
  align-items: center;
  gap: 8px;
  padding: 0 13px !important;
  overflow: hidden;
  color: #687078 !important;
  font-size: 13px !important;
  background: #fff !important;
  border: 1px solid rgba(21, 23, 26, 0.08) !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 26px rgba(21, 23, 26, 0.05);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dg-search span {
  flex: 0 0 auto;
  width: 13px;
  height: 13px;
  border: 2px solid #15171a;
  border-radius: 999px;
  position: relative;
}

.dg-search span::after {
  content: "";
  position: absolute;
  right: -5px;
  bottom: -4px;
  width: 6px;
  height: 2px;
  background: #15171a;
  border-radius: 4px;
  transform: rotate(45deg);
}

.dg-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 142px;
  gap: 12px;
  min-height: 220px;
  padding: 18px;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(255, 90, 61, 0.16), rgba(15, 143, 122, 0.12) 48%, rgba(255, 214, 74, 0.18)),
    #fff;
  border: 1px solid rgba(21, 23, 26, 0.08);
  border-radius: 8px;
  box-shadow: 0 18px 44px rgba(21, 23, 26, 0.08);
}

.dg-kicker {
  display: inline-flex;
  margin-bottom: 10px;
  color: #0f8f7a;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0;
}

.dg-hero h1 {
  max-width: 9em;
  margin: 0;
  color: #15171a;
  font-size: 26px;
  font-weight: 900;
  line-height: 1.12;
  letter-spacing: 0;
}

.dg-hero p {
  max-width: 17em;
  margin: 10px 0 16px;
  color: #4f5963;
  font-size: 13px;
  line-height: 1.55;
}

.dg-actions {
  display: flex;
  gap: 8px;
  align-items: center;
}

.dg-primary,
.dg-secondary {
  display: inline-flex !important;
  height: 36px;
  align-items: center;
  justify-content: center;
  padding: 0 14px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  border-radius: 999px !important;
}

.dg-primary {
  color: #fff !important;
  background: #15171a !important;
}

.dg-secondary {
  color: #15171a !important;
  background: rgba(255, 255, 255, 0.72) !important;
  border: 1px solid rgba(21, 23, 26, 0.1) !important;
}

.dg-hero-product {
  display: flex !important;
  min-width: 0;
  flex-direction: column;
  justify-content: space-between;
  padding: 8px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  border: 1px solid rgba(21, 23, 26, 0.08) !important;
  border-radius: 8px !important;
}

.dg-hero-product__photo {
  display: block;
  aspect-ratio: 1 / 1.08;
  overflow: hidden;
  background: #f2f4f6;
  border-radius: 7px;
}

.dg-hero-product__photo img,
.dg-feature img,
.dg-product-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dg-hero-product__info {
  display: block;
  padding-top: 8px;
}

.dg-hero-product__info strong,
.dg-hero-product__info em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dg-hero-product__info strong {
  color: #15171a;
  font-size: 12px;
  font-weight: 800;
}

.dg-hero-product__info em {
  margin-top: 5px;
  color: #ff5a3d;
  font-size: 13px;
  font-style: normal;
  font-weight: 900;
}

.dg-category-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0;
}

.dg-category {
  min-width: 0;
  padding: 13px 8px 12px !important;
  background: #fff !important;
  border: 1px solid rgba(21, 23, 26, 0.08) !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 20px rgba(21, 23, 26, 0.04);
}

.dg-category span,
.dg-category small {
  display: block;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dg-category span {
  color: #15171a;
  font-size: 14px;
  font-weight: 900;
}

.dg-category small {
  margin-top: 7px;
  color: #687078;
  font-size: 10px;
}

.dg-drop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 16px 0 10px;
  padding: 13px 14px;
  background: #15171a;
  border-radius: 8px;
}

.dg-drop__text {
  min-width: 0;
}

.dg-drop strong,
.dg-drop span {
  display: block;
}

.dg-drop strong {
  color: #fff;
  font-size: 15px;
  font-weight: 900;
}

.dg-drop span {
  margin-top: 5px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 12px;
  line-height: 1.35;
}

.dg-drop button {
  flex: 0 0 auto;
  padding: 9px 12px !important;
  color: #15171a !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  background: #ffd64a !important;
  border-radius: 999px !important;
}

.dg-feature-grid {
  display: grid;
  grid-template-columns: 1.12fr 0.88fr;
  gap: 10px;
  margin-bottom: 18px;
}

.dg-feature {
  position: relative;
  min-height: 172px;
  overflow: hidden;
  background: #fff !important;
  border-radius: 8px !important;
}

.dg-feature--wide {
  min-height: 196px;
}

.dg-feature span {
  position: absolute;
  left: 9px;
  right: 9px;
  bottom: 9px;
  padding: 9px 10px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 7px;
  backdrop-filter: blur(10px);
}

.dg-feature b,
.dg-feature small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dg-feature b {
  font-size: 14px;
  font-weight: 900;
}

.dg-feature small {
  margin-top: 5px;
  color: #687078;
  font-size: 11px;
}

.dg-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 4px 0 10px;
}

.dg-section-head h2 {
  margin: 0;
  color: #15171a;
  font-size: 19px;
  font-weight: 900;
  letter-spacing: 0;
}

.dg-section-head button {
  color: #0f8f7a !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.dg-product-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.dg-product-card {
  display: block !important;
  min-width: 0;
  overflow: hidden;
  background: #fff !important;
  border: 1px solid rgba(21, 23, 26, 0.08) !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 26px rgba(21, 23, 26, 0.06);
}

.dg-product-card__image {
  display: block;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #f1f4f6;
}

.dg-product-card__body {
  display: block;
  padding: 10px;
}

.dg-product-card__tag {
  display: inline-flex;
  max-width: 100%;
  height: 20px;
  align-items: center;
  padding: 0 7px;
  overflow: hidden;
  color: #0f8f7a;
  font-size: 10px;
  font-weight: 900;
  background: rgba(15, 143, 122, 0.1);
  border-radius: 999px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dg-product-card__name {
  display: -webkit-box;
  height: 36px;
  margin-top: 8px;
  overflow: hidden;
  color: #15171a;
  font-size: 13px;
  font-weight: 800;
  line-height: 18px;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.dg-product-card__meta {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin-top: 9px;
}

.dg-product-card__meta b {
  color: #ff5a3d;
  font-size: 17px;
  font-weight: 900;
}

.dg-product-card__meta del {
  color: #a2a9b0;
  font-size: 11px;
}

.dg-product-card__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  margin-top: 9px;
  color: #687078;
  font-size: 11px;
}

.dg-product-card__foot i {
  flex: 0 0 auto;
  color: #15171a;
  font-style: normal;
  font-weight: 900;
}

.dg-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 16px;
}

.dg-steps div {
  min-width: 0;
  padding: 12px 9px;
  background: #fff;
  border: 1px solid rgba(21, 23, 26, 0.08);
  border-radius: 8px;
}

.dg-steps b,
.dg-steps strong,
.dg-steps span {
  display: block;
}

.dg-steps b {
  color: #ff5a3d;
  font-size: 12px;
  font-weight: 900;
}

.dg-steps strong {
  margin-top: 6px;
  color: #15171a;
  font-size: 13px;
  font-weight: 900;
}

.dg-steps span {
  margin-top: 6px;
  color: #687078;
  font-size: 10px;
  line-height: 1.4;
}

.dg-home-tabs {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1002;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  max-width: 540px;
  height: calc(64px + env(safe-area-inset-bottom));
  margin: 0 auto;
  padding: 7px 8px env(safe-area-inset-bottom);
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.96);
  border-top: 1px solid rgba(21, 23, 26, 0.08);
  box-shadow: 0 -12px 36px rgba(21, 23, 26, 0.12);
  backdrop-filter: blur(14px);
}

.dg-home-tabs button {
  display: flex !important;
  min-width: 0;
  height: 50px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  color: #687078 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  text-align: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

.dg-home-tabs span {
  display: flex;
  width: 22px;
  height: 22px;
  align-items: center;
  justify-content: center;
  color: inherit;
  font-size: 14px;
  font-weight: 900;
}

.dg-home-tabs .is-active {
  color: #ff5a3d !important;
}

.dg-home-tabs__custom span {
  width: 42px;
  height: 42px;
  margin-top: -18px;
  color: #fff;
  background: #15171a;
  border: 3px solid #fff;
  border-radius: 999px;
  box-shadow: 0 10px 24px rgba(21, 23, 26, 0.25);
}

.dingift-custom-tab.is-hidden {
  display: none !important;
}

body.dingift-route-detail uni-page-body,
body.dingift-route-order uni-page-body {
  background: #eef2f5 !important;
}

body.dingift-route-detail .container {
  padding-bottom: calc(120px + env(safe-area-inset-bottom)) !important;
}

body.dingift-route-detail .swiper-box {
  width: 100% !important;
  height: min(100vw, 420px) !important;
  max-height: 420px !important;
  background: #fff !important;
}

body.dingift-route-detail .slide-image .image,
body.dingift-route-detail .swiper-box image,
body.dingift-route-detail .swiper-box img {
  object-fit: contain !important;
  background: #fff !important;
}

body.dingift-route-detail .goods-info {
  margin: 0 10px 10px !important;
  padding: 14px !important;
  overflow: visible !important;
  background: #fff !important;
  border: 1px solid rgba(21, 23, 26, 0.08) !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 26px rgba(21, 23, 26, 0.06) !important;
}

body.dingift-route-detail .info-item__top {
  display: flex !important;
  min-height: 0 !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-bottom: 8px !important;
  line-height: 1.2 !important;
}

body.dingift-route-detail .floor-price {
  color: #ff5a3d !important;
  font-size: 25px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}

body.dingift-route-detail .floor-price__samll {
  color: #ff5a3d !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

body.dingift-route-detail .original-price {
  color: #9aa2aa !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
}

body.dingift-route-detail .goods-sales {
  width: 100% !important;
  margin-top: 2px !important;
  color: #687078 !important;
  font-size: 13px !important;
}

body.dingift-route-detail .info-item__name .goods-name,
body.dingift-route-detail .goods-name {
  display: block !important;
  margin-top: 8px !important;
  color: #15171a !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
}

body.dingift-route-detail .custom-panel {
  margin: 10px !important;
  padding: 14px !important;
  background: linear-gradient(135deg, #fff, #eef9f6) !important;
  border: 1px solid rgba(15, 143, 122, 0.16) !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 26px rgba(21, 23, 26, 0.06) !important;
}

body.dingift-route-detail .custom-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
  padding-bottom: 12px !important;
}

body.dingift-route-detail .custom-title {
  color: #15171a !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.3 !important;
}

body.dingift-route-detail .custom-subtitle {
  color: #5a646e !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

body.dingift-route-detail .custom-action {
  min-width: 70px !important;
  height: 36px !important;
  color: #fff !important;
  font-size: 13px !important;
  background: #15171a !important;
  border: 0 !important;
  border-radius: 999px !important;
}

body.dingift-route-detail .custom-steps {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 12px !important;
}

body.dingift-route-detail .custom-step {
  min-width: 0 !important;
  padding: 10px 6px !important;
  text-align: center !important;
  background: #fff !important;
  border: 1px solid rgba(21, 23, 26, 0.08) !important;
  border-radius: 8px !important;
}

body.dingift-route-detail .step-num {
  width: 24px !important;
  height: 24px !important;
  margin: 0 auto 6px !important;
  color: #fff !important;
  font-size: 12px !important;
  background: #ff5a3d !important;
}

body.dingift-route-detail .step-title {
  color: #15171a !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

body.dingift-route-detail .step-desc {
  display: block !important;
  margin-top: 4px !important;
  color: #687078 !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
}

body.dingift-route-detail .goods-choice,
body.dingift-route-detail .goods-content .item-title,
body.dingift-route-detail .goods-comment,
body.dingift-route-detail .service-wrapper {
  margin: 10px !important;
  padding: 14px !important;
  background: #fff !important;
  border: 1px solid rgba(21, 23, 26, 0.08) !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 20px rgba(21, 23, 26, 0.04) !important;
}

body.dingift-route-detail .goods-content img[src*="qncdn.madianxs.com"],
body.dingift-route-detail .goods-content uni-image {
  max-width: 100% !important;
}

body.dingift-route-detail .footer-fixed {
  background: rgba(255, 255, 255, 0.98) !important;
  border-top: 1px solid rgba(21, 23, 26, 0.08) !important;
  box-shadow: 0 -12px 36px rgba(21, 23, 26, 0.12) !important;
}

body.dingift-route-detail .footer-container {
  min-height: 74px !important;
  padding: 10px 10px calc(10px + env(safe-area-inset-bottom)) !important;
  gap: 8px !important;
}

body.dingift-route-detail .foo-item-fast {
  flex: 0 0 126px !important;
  gap: 8px !important;
}

body.dingift-route-detail .foo-item-fast .fast-item,
body.dingift-route-detail .foo-item-fast .fast-item--btn {
  flex: 0 0 56px !important;
  width: 56px !important;
  height: 54px !important;
  padding: 6px 0 !important;
  background: #f6f8fa !important;
  border-radius: 8px !important;
}

body.dingift-route-detail .foo-item-fast .fast-icon {
  margin-bottom: 4px !important;
  color: #15171a !important;
  font-size: 20px !important;
}

body.dingift-route-detail .foo-item-fast .fast-text {
  display: block !important;
  overflow: hidden !important;
  color: #5a646e !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.dingift-route-detail .foo-item-btn .btn-wrapper {
  height: 54px !important;
  gap: 8px !important;
}

body.dingift-route-detail .foo-item-btn .btn-item {
  height: 54px !important;
  font-size: 16px !important;
  border-radius: 8px !important;
}

body.dingift-route-detail .foo-item-btn .btn-item-main {
  background: #15171a !important;
}

body.dingift-route-detail .foo-item-btn .btn-item-deputy {
  color: #15171a !important;
  background: #ffd64a !important;
}

.dg-detail-guide,
.dg-order-guide {
  position: fixed;
  right: 10px;
  left: 10px;
  z-index: 1000;
  display: flex;
  max-width: 520px;
  margin: 0 auto;
  box-sizing: border-box;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  background: rgba(21, 23, 26, 0.92);
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(21, 23, 26, 0.18);
  backdrop-filter: blur(12px);
}

.dg-detail-guide {
  display: none !important;
}

.dg-detail-guide {
  bottom: calc(86px + env(safe-area-inset-bottom));
}

.dg-order-guide {
  top: calc(58px + env(safe-area-inset-top));
}

.dg-detail-guide strong,
.dg-order-guide strong {
  flex: 0 0 auto;
  color: #ffd64a;
  font-size: 12px;
  font-weight: 900;
}

.dg-detail-guide span,
.dg-order-guide span {
  min-width: 0;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
}

.dg-detail-guide span:not(:last-child)::after {
  content: ">";
  margin-left: 8px;
  color: rgba(255, 255, 255, 0.42);
}

body.dingift-route-order .container {
  padding-top: 70px !important;
  padding-bottom: calc(104px + env(safe-area-inset-bottom)) !important;
  background: #eef2f5 !important;
}

body.dingift-route-order .empty-content,
body.dingift-route-order .order-item,
body.dingift-route-order .address-item,
body.dingift-route-order .checkout-section,
body.dingift-route-order .goods-list,
body.dingift-route-order .u-popup,
body.dingift-route-order .modal-content {
  border-radius: 8px !important;
}

body.dingift-route-order .empty-content {
  margin: 12px !important;
  padding: 42px 20px !important;
  background: #fff !important;
  border: 1px solid rgba(21, 23, 26, 0.08) !important;
  box-shadow: 0 10px 26px rgba(21, 23, 26, 0.05) !important;
}

body.dingift-route-order .empty-content .tips {
  color: #5a646e !important;
  font-size: 14px !important;
}

body.dingift-route-order .empty-content button,
body.dingift-route-order .empty-content uni-button {
  width: 100% !important;
  max-width: 320px !important;
  height: 44px !important;
  margin: 12px auto 0 !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 44px !important;
  background: #15171a !important;
  border-radius: 8px !important;
}

body.dingift-route-order .footer-fixed,
body.dingift-route-order uni-tabbar .uni-tabbar {
  display: none !important;
}

.dg-route-tabs .dg-home-tabs {
  display: grid !important;
}

@media (min-width: 760px) {
  .dingift-home-shell {
    max-width: 540px;
    box-shadow: 0 0 0 1px rgba(21, 23, 26, 0.06), 0 20px 80px rgba(21, 23, 26, 0.14);
  }

  .dingift-customize-shell {
    max-width: 540px;
    box-shadow: 0 0 0 1px rgba(21, 23, 26, 0.06), 0 20px 80px rgba(21, 23, 26, 0.14);
  }

  .dingift-detail-shell {
    max-width: 540px;
    box-shadow: 0 0 0 1px rgba(21, 23, 26, 0.06), 0 20px 80px rgba(21, 23, 26, 0.14);
  }

  .dingift-user-shell {
    max-width: 540px;
    box-shadow: 0 0 0 1px rgba(21, 23, 26, 0.06), 0 20px 80px rgba(21, 23, 26, 0.14);
  }
}

@media (max-width: 390px) {
  .dg-home {
    padding-left: 10px;
    padding-right: 10px;
  }

  .dg-hero {
    grid-template-columns: minmax(0, 1fr) 122px;
    padding: 14px;
  }

  .dg-hero h1 {
    font-size: 23px;
  }

  .dg-primary,
  .dg-secondary {
    padding-left: 11px !important;
    padding-right: 11px !important;
    font-size: 12px !important;
  }

  .dg-category-row {
    gap: 6px;
  }

  .dg-category {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}