/* bundedeals-package */
body {background: linear-gradient(to bottom, #96d2f9 0%, #ffffff 100%); height: 100vh;}
.bundle-main .combo-package-container,
.bundle-main  .recently.you{ max-width: 1400px;padding: 0px;width: 100%;margin: 0 auto;}
.bundle-main  .recently.you .rec-items a {width: 223px !important;}
.bundle-main .combo-package-module{ z-index: auto; max-width: 100%;}
.bundle-main .breadcrumb{background-color:transparent; padding-left: 0;}
.bundle-main .combo-package-plus{position: relative; height: 100%; display: flex;align-items: center}
.bundle-main .combo-package-plus::after{left:calc(50% - 6px);}
.bundle-main .combo-package-product { padding: 10px 6px 10px;}
.bundle-main  .combo-package-shell { max-width: 100%;background: transparent;}
.bundle-main .combo-package-products,
.bundle-main .combo-package-summary{margin: 0;padding-left: 10px;}
.bundle-main .combo-package-summary { flex: 0 0 236px;margin: 0px;padding: 15px;}
.bundle-main .combo-package-image-link { width: 128px; flex: 0 0 128px; height: 180px;}
.bundle-main .combo-package-content {min-height: 210px;}
.bundle-main .combo-package-change {font-size: 12px;bottom: 30px;}
.bundle-main  .combo-package-name { text-align: left;cursor: pointer; height: 109px;display: flex;}
.bundle-main .combo-package-container{padding-bottom: 30px}
.bundle-main  .recently.you{background: transparent;    margin-top: 90px;}
.bundle-main .recently.you .rec-font{padding-bottom: 20px;}
.bundle-main .combo-package-save{display: flex;gap: 4px;}
.bundle-main .recently.you .rec-pro em {right: 10px;top: 10px;border-radius: 12px;padding: 0px 5px; height: 20px;line-height: 20px; width: auto;}
/*  mobile  */
.wap-mobile .bundle-main .combo-package-content {min-height: auto;}
.wap-mobile .bundle-main .combo-package-container {
  & section:nth-child(1) {
    .combo-package-change      { font-size: 0.7rem; position: static; width: 100%; }
    .combo-package-content     { display: block; }
    .combo-package-image-link {flex: 0 0 45px; width: 56px; height: 78px;
      .max-discou-off {left: auto;right: 0.3rem;top: 0.8rem;}
    }
    .combo-package-name        { font-size: 0.7rem; min-height: 2.4em; height: 2.4em; line-height: 0.8rem; }
    .combo-package-plus {
      height: 1rem; padding-top: 0; align-items: start;
      &::after { left: 50%; }
    }
  }
  & section:nth-child(2) {
    .wap_title                 { padding: 12px; }
    .combo-package-content     { display: block; }
    .combo-package-plus {
      height: 17rem; align-items: start; padding-top: 61px; width: 0.5rem;background: transparent;
      &::after { left: calc(0.5rem); height: 100%; top: 0; }
    }
    .combo-package-product     { display: block; padding: 0.5rem 0; }
    .combo-package-image-link {
      width: 100%; height: 8rem;
      .max-discou-off { left: auto; right: 1.2rem;top: 0.5rem; }
    }
    .combo-package-title       { padding: 26px 7px; }
    .combo-package-container   { padding-bottom: 0; }
    .combo-package-shell       { max-width: 100%; background: transparent; padding: 5px; }
    .combo-package-name        { height: 60px; }
    .combo-package-change      { font-size: 12px; bottom: auto; margin-top: 5px; position: relative; width: 97%;}
  }
}