.header-new .message-module>li.rabbit-nav {
  padding-left: 65px;
  background: url(../images/2026/2026anniversary/nav-icon.png) no-repeat left center
}

.header-new .message-module>li.rabbit-nav::after {
  display: none
}

.header-new .message-module>li.rabbit-nav .box {
  height: 50px;
  overflow: hidden;
  font-size: 16px;
  color: #fe0
}

.header-new .message-module>li.rabbit-nav .box .roll {
  height: 100px
}

.header-new .message-module>li.rabbit-nav .box .roll p {
  padding: 0;
  height: 50px;
  line-height: 50px;
  color: #fe0 !important
}

.header-new .nav-box>li.store-nav.rabbit-store-nav {
  padding: 0 40px
}

.header-new .nav-box>li.store-nav.rabbit-store-nav span {
  position: relative
}

.header-new .nav-box>li.store-nav.rabbit-store-nav span::after {
  position: absolute;
  content: "";
  width: 49px;
  height: 39px;
  left: -53px;
  top: -7px;
  background: url(../images/summer/store-icon.png)
}

.header-new .nav-box>li.store-nav.rabbit-store-nav.rabbit-icon span::after {
  display: none
}

.header-new .nav-box>li.store-nav.rabbit-store-nav .content {
  width: 450px;
  height: 223px;
  border: none;
  background: transparent
}

.header-new .nav-box>li.store-nav.rabbit-store-nav .content:hover>a>span {
  opacity: .9;
  text-decoration: none
}

.header-new .nav-box>li.store-nav.rabbit-store-nav .content:hover .btn_small {
  text-decoration: none;
  background: linear-gradient(90deg, #ffb163 0, #ff4e00 100%)
}

.header-new .nav-box>li.store-nav.rabbit-store-nav .content>a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end
}

.header-new .nav-box>li.store-nav.rabbit-store-nav .content>a .btn_small {
  width: 137px;
  height: 28px;
  border-radius: 31px;
  color: #fff;
  text-align: center;
  box-shadow: none;
  font: normal normal 600 14px/28px Titillium Web;
  background: transparent linear-gradient(90deg, #ff6363 0, #e20000 100%) 0 0 no-repeat padding-box
}

.header-new .nav-box>li.store-nav.rabbit-store-nav .content>a .btn_small::after {
  display: none
}

.header-new .nav-box>li.store-nav.rabbit-store-nav .content>a:hover {
  text-decoration: none !important
}

.header-new .nav-box>li.store-nav.rabbit-store-nav .content>a:hover .store__nav_dl span {
  text-decoration: underline
}

.header-new .nav-box>li.store-nav.rabbit-store-nav .content .store__nav_dl {
  position: relative;
  position: absolute;
  top: 80px;
  right: 26px;
  z-index: 1;
  max-width: 180px
}

.header-new .nav-box>li.store-nav.rabbit-store-nav .content .store__nav_dl dt,
.header-new .nav-box>li.store-nav.rabbit-store-nav .content .store__nav_dl dd {
  color: #000;
  font: 400 14px/1.5 Titillium Web
}

.header-new .nav-box>li.store-nav.rabbit-store-nav .content .store__nav_dl dt p,
.header-new .nav-box>li.store-nav.rabbit-store-nav .content .store__nav_dl dd p,
.header-new .nav-box>li.store-nav.rabbit-store-nav .content .store__nav_dl dt b,
.header-new .nav-box>li.store-nav.rabbit-store-nav .content .store__nav_dl dd b {
  color: inherit;
  font: inherit;
  padding: 0
}

.header-new .nav-box>li.store-nav.rabbit-store-nav .content .store__nav_dl dt b,
.header-new .nav-box>li.store-nav.rabbit-store-nav .content .store__nav_dl dd b {
  color: #f73b3a;
  font: 700 14px/1.5 Titillium Web
}

.header-new .nav-box>li.store-nav.rabbit-store-nav .content .store__nav_dl dt .store__nav_desc,
.header-new .nav-box>li.store-nav.rabbit-store-nav .content .store__nav_dl dd .store__nav_desc {
  width: 137px;
  text-align: center;
  color: #b96545;
  font: 400 12px/1.2 Titillium Web
}

.header-new .nav-box>li.store-nav.rabbit-store-nav .content .btn_small {
  margin: 10px 0 8px
}

.header-new .nav-box>li.store-nav.rabbit-store-nav .content .store__nav_pic {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 0;
  pointer-events: none
}

.header-new .nav-box>li.store-nav.rabbit-store-nav .content {
  height: 237px
}

.compare {
  overflow-x: hidden
}

.install-rabbit {
  position: absolute;
  width: 197px;
  height: 265px;
  right: -5px;
  top: -400px;
  z-index: 1999;
  transition: all .3s
}

.install-rabbit.on {
  top: 118px
}

.install-rabbit .line {
  position: absolute;
  width: 1px;
  height: 130px;
  left: 0;
  right: 0;
  top: -43px;
  margin: auto;
  z-index: 9;
  background: url(../images/rabbit/line.svg);
  animation: line 20s linear infinite
}

.install-rabbit .close {
  position: absolute;
  width: 20px;
  height: 20px;
  cursor: pointer;
  right: 35px;
  top: 5px;
  z-index: 99;
  background: url(../images/rabbit/close.svg);
  animation: closetop 20s linear infinite
}

.install-rabbit .close:hover {
  opacity: .8
}

.install-rabbit img {
  position: absolute;
  top: 0;
  animation: imgtop 20s linear infinite
}

.rabbitbutton {
  width: 242px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  border-radius: 35px;
  line-height: 50px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  font-family: "Montserrat";
  background: transparent linear-gradient(90deg, #ff6363 0, #e20000 100%) 0 0 no-repeat padding-box
}

.rabbitbutton:hover {
  background: transparent linear-gradient(90deg, #ffb163 0, #ff4e00 100%) 0 0 no-repeat padding-box;
  text-decoration: none
}

.popbg {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -99;
  opacity: 0;
  transform: scale(0);
  transition: all .3s;
  background: rgba(0, 0, 0, 0.8)
}

.popbg.on {
  z-index: 9998;
  opacity: 1;
  transform: scale(1)
}

.rabbitpop {
  position: fixed;
  width: 533px;
  height: 431px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: -99;
  opacity: 0;
  transform: scale(0);
  transition: all .3s;
  text-align: center;
  background: url(../images/summer/pro-popbg.png)
}

.rabbitpop.on {
  z-index: 9999;
  opacity: 1;
  transform: scale(1)
}

.rabbitpop .close {
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  right: 36px;
  top: 32px;
  cursor: pointer;
  z-index: 120;
  background: url(../images/rabbit/pro-close.svg)
}

.rabbitpop h2 {
  padding-top: 146px;
  color: #fff;
  font-size: 36px;
  line-height: 48px;
  font-weight: bold;
  text-shadow: 0 2px 3px #027864
}

.rabbitpop p {
  padding-bottom: 0;
  height: 44px;
  line-height: 44px;
  font-size: 18px;
  color: #1d8184;
  font-weight: bold;
  font-family: 'Titillium Web'
}

.rabbitpop p.last {
  margin-top: 4px;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  color: #16696b;
  font-weight: normal;
  font-family: 'Montserrat', sans-serif
}

.rabbitpop h3 {
  margin-top: 20px;
  margin-bottom: 20px;
  line-height: 40px;
  font-size: 16px;
  font-weight: bold;
  color: #312323;
  font-family: 'Titillium Web'
}

.rabbitpop h3 span {
  font-weight: bold;
  color: #ff0303
}

.rabbitpop h3 span b {
  font-size: 26px
}

.rabbitpop a {
  font-family: "Titillium Web", sans-serif;
  letter-spacing: 1px
}

.hotsale-popup {
  display: block !important;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
  z-index: -9999;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  transition: all .3s;
  background: rgba(0, 0, 0, 0.6)
}

.hotsale-popup.comm-on {
  z-index: 9999;
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  transition: all .3s
}

.hotsale-popup.comm-on .hotsale-inner {
  transform: translateY(0)
}

.hotsale-popup .hotsale-inner {
  position: fixed;
  width: 550px;
  height: 334px;
  padding-top: 185px;
  text-align: center;
  box-sizing: border-box;
  margin: auto;
  z-index: 100000;
  transition: all .5s;
  background: none;
  top: 20%;
  left: 0;
  right: 0;
  transition: all .3s .3s;
  transform: translateY(-1000px)
}

.hotsale-popup .hotsale-inner>div {
  position: relative
}

.hotsale-popup .hotsale-inner .bar {
  position: relative;
  width: 356px;
  height: 16px;
  line-height: 16px;
  margin: 10px auto;
  border-radius: 8px;
  z-index: 1;
  font-size: 12px;
  background-color: #fff;
  border: 1px solid #ff4e00
}

.hotsale-popup .hotsale-inner .bar span {
  position: absolute;
  width: 90%;
  left: 1px;
  top: 1px;
  height: 14px;
  border-radius: 7px;
  transition: all .3s;
  background: transparent linear-gradient(90deg, #ff803e 0, #ff46c6 100%) 0 0 no-repeat padding-box
}

.hotsale-popup .hotsale-inner .bar b {
  position: relative;
  z-index: 999
}

.hotsale-popup .hotsale_pop_pic {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 0;
  flex-shrink: 0;
  margin: auto;
  max-width: none;
  width: 550px;
  height: 334px
}

.hotsale-popup .hotsale-info,
.hotsale-popup .hotsale-close,
.hotsale-popup .hotsale_btn {
  position: relative;
  z-index: 1
}

.hotsale-popup .hotsale-close {
  display: block;
  position: absolute;
  top: -32px;
  right: 5px;
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  z-index: 8;
  cursor: pointer;
  opacity: .8;
  transition: all .3s ease;
  background: url(../images/rabbit/pro-close.svg)
}

.hotsale-popup .hotsale-close svg {
  pointer-events: none
}

.hotsale-popup .hotsale-close:hover {
  opacity: 1
}

.hotsale-popup .hotsale-info {
  text-align: center;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  width: 442px;
  margin-left: -10px
}

.hotsale-popup .pop-desc,
.hotsale-popup .hotsale_btn,
.hotsale-popup .pop-off {
  position: relative;
  z-index: 1
}

.hotsale-popup .pop-desc {
  margin: 0 auto;
  padding: 0;
  font: normal normal normal 18px/38px Titillium Web
}

.hotsale-popup .pop-desc b {
  color: #f00
}

.hotsale-popup .hotsale_btn {
  margin: 0 auto 85px
}

.hotsale-popup .hotsale_btn span,
.hotsale-popup .hotsale_btn em {
  font: inherit;
  color: inherit;
  font-style: normal;
  font-size: 14px
}

.rabbitpopfree {
  width: 288px;
  height: 277px;
  bottom: -360px;
  right: 20px;
  text-align: center;
  background: url(../images/summer/free-popbg.png)
}

.rabbitpopfree .close {
  position: absolute;
  display: block;
  width: 21px;
  height: 21px;
  right: -8px;
  top: 77px;
  cursor: pointer;
  z-index: 120;
  background: url(../images/summer/free-close.svg)
}

.rabbitpopfree .title {
  height: 97px;
  margin-top: 47px;
  line-height: 97px;
  font: normal normal normal 52px/97px Fredoka One;
  color: #ff0389;
  text-shadow: 0 3px 0 rgba(255, 255, 255, 0.8)
}

.rabbitpopfree .title img {
  display: inline-block;
  vertical-align: middle
}

.rabbitpopfree .title.discount {
  font-size: 71px
}

.rabbitpopfree .title.discount span {
  display: inline-block;
  vertical-align: middle
}

.rabbitpopfree .title.discount span.righttext {
  line-height: 27px;
  font-size: 40px;
  text-align: left;
  margin-left: 2px
}

.rabbitpopfree .title.discount span.righttext b {
  display: block;
  font-size: 18px
}

.rabbitpopfree .title2 {
  margin-bottom: 10px;
  color: #f9ffd1;
  font-size: 16px;
  text-shadow: 0 2px 3px #027864
}

.rabbitpopfree p {
  padding-bottom: 0;
  height: 49px;
  line-height: 22px;
  color: #052a2b;
  font-size: 14px;
  font-family: "Montserrat";
  font-weight: bold;
  text-shadow: 0 2px 6px rgba(255, 255, 255, 0.16)
}

.rabbitpopfree p span {
  color: #ff0368;
  font-size: 14px
}

.rabbitpopfree .rabbitbutton {
  width: 203px;
  height: 45px;
  margin-top: 11px;
  line-height: 45px;
  font-family: "Titillium Web", sans-serif;
  box-shadow: 0 10px 10px rgba(9, 23, 20, 0.27)
}

.rabbit-productbanner {
  height: 778px;
  background: url(../images/rabbit/product-bg.jpg) no-repeat center;
  text-align: center
}

.rabbit-productbanner img {
  margin-top: 230px
}

.rabbit-productbanner .rabbitbutton {
  width: 290px;
  height: 57px;
  margin-top: 40px;
  line-height: 57px;
  font-size: 22px;
  background: transparent linear-gradient(279deg, #ff1a68 0, #ff3d00 100%) 0 0 no-repeat padding-box
}

.rabbit-productbanner .rabbitbutton i {
  display: none;
  width: 20px;
  height: 17px;
  margin-left: 15px;
  background: url(../images/rabbit/arrow.svg)
}

.rabbit-productbanner .rabbitbutton:hover {
  background: transparent linear-gradient(70deg, #ff1a68 0, #ff8820 100%) 0 0 no-repeat padding-box
}

.rabbit-productbanner .rabbitbutton:hover i {
  display: inline-block
}

.rabbit-banner {
  position: relative;
  width: 100%;
  height: 802px;
  text-align: center;
  overflow: hidden
}

.rabbit-banner .img-pop {
  position: absolute;
  left: 0;
  top: 0
}

.rabbit-banner .container {
  position: relative;
  z-index: 99
}

.rabbit-banner .container .left-message {
  width: 605px;
  text-align: left
}

.rabbit-banner .container .left-message h2 {
  padding-top: 160px;
  font: normal normal 600 40px/56px Titillium Web
}

.rabbit-banner .container .left-message .des {
  margin-top: 33px;
  font: normal normal normal 28px/48px Titillium Web
}

.rabbit-banner .container .left-message .des b {
  color: #f00
}

.rabbit-banner .rabbitbutton {
  position: relative;
  width: 287px;
  height: 63px;
  margin: 0;
  margin-top: 70px;
  z-index: 999;
  font-weight: 600;
  font-size: 18px;
  color: #fff
}

.rabbit-banner .rabbitbutton::before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  right: -62px;
  pointer-events: none;
  width: 79px;
  height: 93px;
  background: url(../images/2024anniversarysale/wine_glass.png) no-repeat
}

.rabbit-banner p.last {
  width: 287px;
  text-align: center;
  color: #9a461b;
  font: normal normal normal 16px/58px Titillium Web
}

.easter-popup.easter-free-center-pop {
  position: fixed;
  left: 0;
  z-index: -9997;
  width: 100%;
  height: 153px;
  bottom: -150px;
  visibility: hidden;
  background: url(../images/2026/2026anniversary/anniversary_free_pop_bottom.png) no-repeat center;
  transition: all .5s ease-in-out
}

.easter-popup.easter-free-center-pop.live {
  visibility: visible;
  bottom: 0;
  z-index: 9999
}

.easter-popup.easter-free-center-pop.live0 {
  visibility: visible;
  bottom: 80px;
  z-index: 9999
}

.easter-popup.easter-free-center-pop .easter-close {
  position: absolute;
  width: 21px;
  height: 21px;
  right: -8px;
  top: 40px;
  cursor: pointer;
  z-index: 9999;
  text-indent: -9999px;
  background: url(../images/summer/free-close.svg)
}

.easter-popup.easter-free-center-pop h2 {
  color: #c51414;
  margin-left: 120px;
  font: normal normal 600 24px/34px Titillium Web
}

.easter-popup.easter-free-center-pop h2 b {
  color: #7a00ef
}

.easter-popup.easter-free-center-pop .easter-btn {
  display: block;
  margin-top: 46px;
  margin-left: 58px;
  z-index: 3;
  border: none;
  min-width: 194px;
  height: 37px;
  text-align: center;
  font: normal normal 500 14px/37px Lexend;
  box-shadow: 0 10px 15px rgba(168, 70, 8, 0.59)
}

.easter-popup.easter-free-center-pop .container {
  min-width: 1200px;
  width: 1200px;
  height: 133px;
  display: flex;
  gap: 20px;
  align-items: flex-end;
  justify-content: center
}

.easter-popup.easter-free-center-pop .container .easter-btn {
  margin: 0
}

.rabbit-store-banner {
  height: 776px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  background: url(../images/summer/store-banner.jpg) no-repeat center
}

.rabbit-store-banner strong,
.rabbit-store-banner b {
  font-weight: 700
}

.rabbit-store-banner .container {
  padding-top: 48px
}

.rabbit-store-banner .title {
  display: block;
  margin: 0 auto
}

.rabbit-store-banner .choose {
  height: 160px;
  margin-top: 25px;
  list-style-type: none
}

.rabbit-store-banner .choose li {
  position: relative;
  float: left;
  cursor: pointer
}

.rabbit-store-banner .choose li::after {
  position: absolute;
  content: "";
  width: 25px;
  height: 25px;
  right: -11px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #ecdabc
}

.rabbit-store-banner .choose li img {
  position: relative;
  float: left;
  z-index: 3
}

.rabbit-store-banner .choose li.dbbox {
  padding-right: 10px;
  margin-left: 36px;
  z-index: 99
}

.rabbit-store-banner .choose li.dbbox::after {
  right: 0
}

.rabbit-store-banner .choose li.dbbox::before {
  right: 2px !important
}

.rabbit-store-banner .choose li:last-child {
  margin-right: -66px
}

.rabbit-store-banner .choose li:last-child img {
  margin-left: -17px
}

.rabbit-store-banner .choose li:last-child .message {
  margin-left: -50px
}

.rabbit-store-banner .choose li .message {
  float: left;
  width: 190px;
  height: 117px;
  padding-left: 26px;
  margin-left: -45px;
  margin-top: 15px;
  text-align: center;
  background: transparent linear-gradient(67deg, #fff 0, rgba(255, 249, 236, 0.5) 100%);
  border: solid #fff 2px
}

.rabbit-store-banner .choose li .message strong {
  line-height: 38px;
  display: block;
  margin-top: 12px;
  color: #504156;
  font-size: 18px
}

.rabbit-store-banner .choose li .message strong b {
  font-size: 38px;
  line-height: 38px
}

.rabbit-store-banner .choose li .message del {
  margin-top: -10px;
  display: block;
  font-size: 14px;
  color: #504156;
  font-weight: 600
}

.rabbit-store-banner .choose li .message span {
  display: inline-block;
  padding: 0 10px;
  height: 26px;
  line-height: 26px;
  border-radius: 35px;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  background: transparent linear-gradient(69deg, #ff7556 0, #ffba7d 100%)
}

.rabbit-store-banner .choose li.on::after {
  background: transparent linear-gradient(135deg, #5aed8e 0, #62c86a 100%);
  border: 2px solid #fff
}

.rabbit-store-banner .choose li.on::before {
  position: absolute;
  content: "";
  right: -8px;
  top: 5px;
  z-index: 9;
  width: 21px;
  height: 18px;
  background: url(../images/rabbit/currt.svg)
}

.rabbit-store-banner .choose li.on .message {
  background: transparent linear-gradient(129deg, #fff 0, #fea634 100%)
}

.rabbit-store-banner .choose li.on .message strong {
  color: #000
}

.rabbit-store-banner .choose li.on .message span {
  background: transparent linear-gradient(85deg, #fe2f00 0, #e50707 100%) 0 0 no-repeat padding-box
}

.rabbit-store-banner .message-box {
  width: 1138px;
  height: 275px;
  margin: 0 auto;
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 20px 40px rgba(90, 141, 128, 0.51)
}

.rabbit-store-banner .message-box ul {
  float: left;
  margin-left: 40px;
  width: 680px;
  margin-top: 35px;
  list-style-type: none;
  color: #000
}

.rabbit-store-banner .message-box ul li {
  height: 50px;
  line-height: 50px;
  border-bottom: dashed #ffebe4 1px
}

.rabbit-store-banner .message-box ul li .change,
.rabbit-store-banner .message-box ul li .gift {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: -5px;
  margin-right: 5px;
  vertical-align: middle
}

.rabbit-store-banner .message-box ul li .change {
  width: 16px;
  height: 16px;
  background-color: #fff2df;
  border: 2px solid rgba(255, 119, 0, 0.3);
  border-radius: 5px
}

.rabbit-store-banner .message-box ul li .gift {
  background: url(../images/rabbit/gift.svg) no-repeat center
}

.rabbit-store-banner .message-box ul li.choose-box {
  cursor: pointer
}

.rabbit-store-banner .message-box ul li.choose-box.on .change {
  background: #fff2df url(../images/rabbit/smail-currt.svg) no-repeat center
}

.rabbit-store-banner .message-box ul li .message {
  display: inline-block;
  vertical-align: top;
  width: 520px;
  font-weight: bold;
  font-size: 14px
}

.rabbit-store-banner .message-box ul li strong {
  text-align: right;
  display: inline-block;
  vertical-align: middle;
  margin-right: 25px;
  width: 50px
}

.rabbit-store-banner .message-box ul li del {
  font-size: 14px;
  color: #9c9b9c
}

.rabbit-store-banner .message-box .price-box {
  float: right;
  width: 379px;
  height: 275px;
  color: #000;
  background-color: #fff3f1;
  font-family: 'Montserrat'
}

.rabbit-store-banner .message-box .price-box dl {
  width: 330px;
  margin: 0 auto;
  margin-top: 25px
}

.rabbit-store-banner .message-box .price-box dl dt {
  margin-bottom: 10px;
  border-bottom: solid #fedad2 1px;
  padding-bottom: 20px;
  font: bold 17px/20px Montserrat
}

.rabbit-store-banner .message-box .price-box dl dd {
  line-height: 30px;
  font-size: 14px;
  font-weight: bold;
  display: flex;
  justify-content: space-between
}

.rabbit-store-banner .message-box .price-box dl dd:nth-child(3) {
  color: #ff9f4b
}

.rabbit-store-banner .message-box .price-box dl dd:nth-child(4) {
  font-size: 16px
}

.rabbit-store-banner .message-box .price-box dl dd:nth-child(4) .current-price {
  font-size: 20px;
  color: #fd3124
}

.rabbit-store-banner .message-box .price-box .rabbitbutton {
  margin: 0 auto;
  text-align: center;
  margin-top: 15px;
  background: transparent linear-gradient(107deg, #fc0461 0, #bc00ff 100%) 0 0 no-repeat padding-box;
  box-shadow: 0 25px 20px #ffcea2
}

.rabbit-store-banner .message-box .price-box .rabbitbutton:hover {
  background: transparent linear-gradient(105deg, #bc00ff 0, #fc0461 100%) 0 0 no-repeat padding-box
}

.rabbit-store-banner .message-box .price-box p {
  margin-top: 10px;
  text-align: center;
  font-size: 12px;
  color: #e5936f
}

.rabbit-store-banner .message-box .price-box p img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px
}

.rabbit-store-banner .message-box.soldout {
  position: relative
}

.rabbit-store-banner .message-box.soldout::after {
  position: absolute;
  content: "";
  width: 693px;
  height: 100px;
  left: 30px;
  bottom: 37px;
  background: url(../images/summer/soldout.png)
}

.store-top {
  position: fixed;
  width: 224px;
  height: 129px;
  top: -200px;
  right: 10px;
  cursor: pointer;
  transition: all .3s
}

.store-top.on {
  top: 25%
}

.store-top p {
  margin-top: -30px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
  font-family: 'Montserrat', sans-serif
}

.rabbit-store-pop {
  display: none
}

.rabbit-store-pop .popbg {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  opacity: 0;
  transition: all ease .3s;
  z-index: 9999;
  transform: scale(1)
}

.rabbit-store-pop .valentinemessage {
  position: fixed;
  width: 783px;
  height: 426px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  top: -200px;
  z-index: 10000;
  opacity: 0;
  transform: scale(0);
  transition: all ease .3s
}

.rabbit-store-pop .valentinemessage img {
  position: absolute;
  left: 0;
  top: 0
}

.rabbit-store-pop .valentinemessage .close {
  position: absolute;
  width: 32px;
  height: 32px;
  right: 25px;
  margin: auto;
  top: 6px;
  z-index: 100;
  cursor: pointer;
  background: url(../images/newyear/close-outline.png)
}

.rabbit-store-pop .valentinemessage .close:hover {
  opacity: .9
}

.rabbit-store-pop .valentinemessage .raduice {
  padding: 0 10px;
  height: 28px;
  line-height: 28px;
  font-size: 18px;
  color: #ff2300;
  position: absolute;
  left: 15px;
  top: 0;
  opacity: 0;
  transition: all .3s;
  background: transparent linear-gradient(183deg, rgba(255, 255, 255, 0) 0, rgba(255, 182, 57, 0.62) 43%, rgba(255, 187, 98, 0.62) 67%, rgba(255, 255, 255, 0) 100%) 0 0 no-repeat padding-box
}

.rabbit-store-pop .valentinemessage .right-message {
  float: right;
  margin-right: 163px;
  margin-top: 216px;
  padding-bottom: 55px;
  text-align: center;
  position: relative;
  z-index: 99;
  width: 235px;
  text-align: left
}

.rabbit-store-pop .valentinemessage .right-message h2 {
  font-size: 18px;
  margin-bottom: 10px
}

.rabbit-store-pop .valentinemessage .right-message h3 {
  font-size: 18px
}

.rabbit-store-pop .valentinemessage .right-message h3 b {
  color: #ff0a0a
}

.rabbit-store-pop .valentinemessage .right-message strong {
  position: relative;
  color: #000;
  font: bold 21px/49px Titillium Web
}

.rabbit-store-pop .valentinemessage .right-message strong b {
  font-size: 39px
}

.rabbit-store-pop .valentinemessage .right-message del {
  margin-left: 10px;
  font-size: 16px;
  color: #6e6e6e
}

.rabbit-store-pop .valentinemessage .btn-pop {
  clear: both;
  position: relative;
  z-index: 99;
  display: block;
  width: 247px;
  height: 51px;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  font-weight: bold;
  box-shadow: 0 12px 15px #480a00 80;
  border-radius: 28px;
  font: bold 18px/51px Titillium Web;
  background: transparent linear-gradient(90deg, #ff6363 0, #e20000 100%) 0 0 no-repeat padding-box
}

.rabbit-store-pop .valentinemessage .btn-pop:hover {
  background: transparent linear-gradient(90deg, #ffb163 0, #ff4e00 100%) 0 0 no-repeat padding-box
}

.rabbit-store-pop .valentinemessage .btn-pop span {
  font-size: 14px;
  font-weight: normal
}

.rabbit-store-pop .valentinemessage p {
  text-align: center;
  margin-top: 5px;
  font-size: 12px;
  color: #b4b0b0
}

.rabbit-store-pop .valentinemessage p b {
  color: #ff0368
}

.rabbit-store-pop.on {
  display: block
}

.rabbit-store-pop.on .popbg {
  opacity: 1
}

.rabbit-store-pop.on .valentinemessage {
  opacity: 1;
  transform: scale(1)
}

.rabbit-store-pop.on .valentinemessage .raduice.on {
  top: -51px;
  opacity: 1
}

.store .showcase .horizontal .shelf .boxshot img.rabbit-boxshot {
  position: absolute;
  bottom: 29px;
  width: auto;
  right: 49px
}

.store .showcase .vertical .shelf .boxshot img.rabbit-boxshot {
  position: absolute;
  bottom: 24px;
  width: auto;
  right: 36px
}

.rabbitpopfree {
  width: 296px;
  height: 244px;
  background: url(../images/summer/free-popbg-pt.png)
}

.rabbitpopfree .title {
  height: 90px;
  color: #fd0286
}

.rabbitpopfree .rabbitbutton {
  margin-top: 10px
}

.rabbitpop {
  width: 648px;
  height: 430px;
  background: url(../images/2026/2026anniversary/pro-popbg.png)
}

.rabbitpop h2 {
  padding-top: 90px;
  height: 58px;
  text-indent: -9999px;
  background: url(../images/summer/es-pro-title.png) no-repeat center bottom
}

.rabbitpop p {
  margin-top: -10px;
  color: #9f4218
}

.rabbitpop p.last {
  margin-top: 15px;
  color: #ae6442
}

.header-new .nav-box>li.store-nav.rabbit-store-nav span::after {
  width: 50px;
  left: -57px;
  background: url(../images/pt-new/store-icon-pt.png);
  height: 39px;
  top: -7px
}

.rabbit-store-banner {
  background: url(../images/summer/store-banner-pt.jpg) no-repeat center
}

.rabbit-store-banner .container {
  padding-top: 25px
}

.rabbit-store-banner .choose {
  margin-top: 55px
}

.rabbit-store-banner .choose li .message span {
  background: transparent linear-gradient(85deg, #8db642 0, #6baa69 100%)
}

.rabbit-store-banner .choose li.on .message {
  background: transparent linear-gradient(129deg, #fff 0, #a8cc1c 100%)
}

.rabbit-store-banner .choose li.on .message span {
  background: linear-gradient(85deg, #168ad1 0, #0b44b1 100%) 0 0 no-repeat padding-box
}

.rabbit-store-banner .message-box {
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4)
}

.rabbit-store-banner .message-box .price-box .rabbitbutton {
  background: #fc5f20
}

.rabbit-store-banner .message-box .price-box .rabbitbutton:hover {
  opacity: .8
}

.rabbit-store-banner .message-box ul li .change {
  border: 2px solid #87b447
}

.rabbit-store-banner .message-box ul li .gift {
  background: url(../images/pt-new/gift.png) no-repeat center
}

.rabbit-store-banner .message-box .price-box dl dd:nth-child(3) {
  color: #7db054
}

.rabbit-store-banner .message-box .price-box p {
  color: #468e5c
}

.rabbit-store-pop .valentinemessage {
  width: 783px;
  height: 426px
}

.rabbit-store-pop .valentinemessage::after {
  bottom: 7px
}

.rabbit-store-pop .valentinemessage .right-message del {
  color: #545454
}

.rabbitpop .close {
  right: 5px
}

html[lang="nl"] .rabbit-store-banner .message-box ul li .message,
html[lang="es"] .rabbit-store-banner .message-box ul li .message,
html[lang="de"] .rabbit-store-banner .message-box ul li .message,
html[lang="it"] .rabbit-store-banner .message-box ul li .message {
  width: 510px
}

html[lang="pl"] .rabbit-store-banner .message-box ul li .message {
  width: 450px
}

html[lang="pl"] .rabbit-store-banner .message-box ul li strong {
  width: 66px
}

html[lang="pl"] .rabbitpopfree p {
  font-size: 12px
}

html[lang="pt"] .rabbit-store-banner .message-box ul li .message {
  width: 440px
}

html[lang="pt"] .rabbit-store-banner .message-box ul li strong {
  width: 78px
}

html[lang="pt"] .rabbitpop h2 {
  background: url(../images/summer/anniversary/pt-pro-title.png) no-repeat center bottom
}

html[lang="en"] .rabbitpopfree {
  background: url(../images/summer/free-popbg-en.png)
}

html[lang="en"] .rabbitpoppro {
  background: url(../images/summer/pro-popbg-en.png)
}

html[lang="en"] .rabbitpoppro h2 {
  color: #ff0368;
  text-shadow: 0 2px 3px #fff
}

html[lang="en"] .rabbitpoppro p {
  color: #7d3000
}

html[lang="en"] .rabbitpopfree .rabbitbutton,
html[lang="en"] .rabbitpoppro .rabbitbutton {
  background: transparent linear-gradient(106deg, #fd8c19 0, #ff0080 100%) 0 0 no-repeat padding-box;
  box-shadow: 0 10px 10px rgba(255, 102, 0, 0.58)
}

html[lang="en"] .rabbitpopfree .rabbitbutton:hover,
html[lang="en"] .rabbitpoppro .rabbitbutton:hover {
  background: transparent linear-gradient(106deg, #ffd500 0, #f07 100%) 0 0 no-repeat padding-box
}

html[lang="en"] .rabbit-banner .home-box {
  margin-top: 90px
}

html[lang="en"] .rabbit-store-banner .choose li .message {
  padding-left: 45px
}

html[lang="en"] .rabbit-store-banner .choose li.dbbox {
  margin-left: 40px
}

html[lang="fr"] .rabbit-store-banner .message-box ul li .message {
  width: 500px
}

html[lang="fr"] .rabbitpop h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 25px
}

html[lang="nl"] .rabbitpop h2 {
  padding-top: 123px;
  font-size: 30px;
  line-height: 36px
}

@keyframes imgtop {
  1% {
    top: 0
  }

  10% {
    top: -30px
  }

  20% {
    top: 0
  }

  100% {
    top: 0
  }
}

@keyframes closetop {
  1% {
    top: 30px
  }

  10% {
    top: 5px
  }

  20% {
    top: 30px
  }

  100% {
    top: 30px
  }
}

@keyframes line {
  1% {
    height: 130px
  }

  10% {
    height: 100px
  }

  20% {
    height: 130px
  }

  100% {
    height: 130px
  }
}

@keyframes bell-shake {
  1% {
    transform: rotate(5deg);
    transform-origin: top center
  }

  4% {
    transform: rotate(-5deg);
    transform-origin: top center
  }

  6% {
    transform: rotate(10deg);
    transform-origin: top center
  }

  8% {
    transform: rotate(-10deg);
    transform-origin: top center
  }

  10% {
    transform: rotate(5deg);
    transform-origin: top center
  }

  12% {
    transform: rotate(-5deg);
    transform-origin: top center
  }

  14% {
    transform: rotate(0);
    transform-origin: top center
  }

  100% {
    transform: rotate(0);
    transform-origin: top center
  }
}

.easter-store-banner-box .left-message .img-box img {
  cursor: pointer
}

.easter-store-banner-box .left-message .img-box .pop-message {
  width: 340px;
  background: #fff;
  color: #505050;
  font-size: 12px;
  border-radius: 9999px;
  border: 1px solid #fa928d;
  margin: 0 auto;
  position: absolute;
  bottom: 90px;
  left: -25px;
  font-weight: 400;
  padding: 10 10px;
  transition: all .3s;
  opacity: 0
}

.easter-store-banner-box .left-message .img-box .pop-message.on {
  opacity: 1
}

body[data-name='ascpro'] .ascprob-3planbox h4 {
  position: relative
}

body[data-name='ascpro'] .ascprob-3planbox h4::after {
  position: absolute;
  content: "";
  width: 336px !important;
  height: 92px !important;
  left: 0 !important;
  background: url(../images/summer/anniversary/h3-title-de.png) !important
}

body[data-name='ascpro'] .ascprob-3planbox h4::before {
  position: absolute;
  content: "";
  width: 340px;
  height: 108px;
  left: -2px;
  top: -15px;
  z-index: 99;
  background: url(../images/summer/anniversary/line.png)
}

body[data-name='ascpro'] .ascprob-3planbox h6 {
  position: relative
}

body[data-name='ascpro'] .ascprob-3planbox h6:after {
  position: absolute;
  content: "";
  width: 128px;
  height: 63px;
  right: -108px;
  top: -10px;
  background: url(../images/2026/2026anniversary/tag-ru.png)
}



 body[data-name='ascpro'] .ascprob-3planbox h4::after {
  background: url(../images/2026/2026anniversary/h3-title-es.png) !important
}


.product_pro .product_offer {
  margin-top: 40px
}

 body[data-name='ascpro'].product_pro .product_offer .offer_sale {
  width: 430px
}

 body[data-name='ascpro'].product_pro .product_offer .offer_sale::after {
  height: 109px;
  width: 440px;
  top: -105px;
  left: -5px;
  text-indent: -9999px;
  background: url(../images/2026/2026anniversary/ru_asc_new.png) no-repeat center top;
  border-radius: 0
}
 body[data-name='dbpro'].product_pro .product_offer .best_offer::after {
  height: 68px;
  width: 358px;
  top: -66px;
  left: 0;
  right: 0;
  margin: auto;
  text-indent: -9999px;
  background: url(../images/2026/2026anniversary/ru_db_new.png) no-repeat center top;
  border-radius: 0
}