/* Shop banner + goods extras — flat, no skew */
.mainSlide_wrap{
  margin-top:6.2rem;
}
.mainSlide_wrap .inner{
  max-width:1704px;
  margin:0 auto;
  padding:0 2.4rem;
  box-sizing:border-box;
}
.mainSlide_wrap .mainSlide{
  position:relative;
  border-radius:1.2rem;
  overflow:hidden;
  border-top:1px solid rgba(255,255,255,.5);
  width:100%;
  background:#0a1220;
}
.mainSlide .swiper-slide{
  width:100%;
  height:auto;
}
.az_slide{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:100%;
  min-height:280px;
  aspect-ratio:1704 / 540;
  max-height:480px;
  padding:0 6%;
  box-sizing:border-box;
  text-decoration:none;
  color:#fff;
  position:relative;
  overflow:hidden;
  transform:none !important;
}
.az_slide:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 78% 40%, rgba(0,200,255,.28), transparent 42%),
    radial-gradient(circle at 20% 70%, rgba(255,221,0,.16), transparent 40%);
  pointer-events:none;
}
.az_slide_a{background:linear-gradient(105deg,#071526 0%,#0b2a4a 48%,#123a28 100%)}
.az_slide_b{background:linear-gradient(105deg,#1a0b12 0%,#3a1520 45%,#4a2a08 100%)}
.az_slide_c{background:linear-gradient(105deg,#0b1020 0%,#1a1840 50%,#0e2a3a 100%)}
.az_slide_copy{
  position:relative;
  z-index:1;
  max-width:720px;
  transform:none !important;
}
.az_slide_copy .kicker{
  display:inline-block;
  margin-bottom:12px;
  padding:6px 12px;
  border:1px solid rgba(255,221,0,.55);
  color:#ffe600;
  font-size:12px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.az_slide_copy strong{
  display:block;
  font-size:clamp(28px,4.2vw,56px);
  line-height:1.05;
  font-weight:900;
  letter-spacing:.03em;
  text-transform:uppercase;
  text-shadow:0 2px 0 #000;
}
.az_slide_copy em{
  display:block;
  margin-top:14px;
  font-style:normal;
  font-size:16px;
  font-weight:600;
  color:#d7e8ff;
  opacity:.92;
}
.mainSlide_wrap .swiper-pagination{
  position:static;
  padding:2rem 0;
  text-align:center;
  background:rgba(255,255,255,.08) url('../../images/common/webshop/ptn_gnb.png') 0 0 repeat;
}
.main .swiper-pagination-bullet{
  width:12px;
  height:12px;
  opacity:1;
  background:rgba(255,255,255,.4);
  border-radius:6px;
  margin:0 1rem !important;
  display:inline-block;
  vertical-align:middle;
}
.main .swiper-pagination-bullet-active{
  background:linear-gradient(to right,#4cf,#6f8);
  width:36px;
}

.price .currency{
  display:inline-block;
  margin:0 6px 0 4px;
  font-size:12px;
  font-weight:700;
  color:#cfcfcf;
  vertical-align:middle;
}

.premiumItemsSlide{
  position:relative;
  overflow:hidden;
  padding:0 58px;
}
.premiumItemsSlide .swiper-wrapper{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:stretch;
}
.premiumItemsSlide .swiper-slide{
  flex:0 0 auto !important;
  margin:0 !important;
  height:auto !important;
}
.premiumItemsNav{
  position:absolute;
  top:42%;
  z-index:5;
  width:46px;
  height:70px;
  border:0;
  background:transparent;
  cursor:pointer;
}
.premiumItemsNav:before,
.premiumItemsNav:after{
  content:"";
  position:absolute;
  left:50%;
  width:34px;
  height:3px;
  background:#fff;
  box-shadow:0 0 10px #ffdd008c;
}
.premiumItemsPrev{left:0}
.premiumItemsNext{right:0}
.premiumItemsPrev:before,
.premiumItemsPrev:after{transform-origin:left center}
.premiumItemsPrev:before{top:24px;transform:translate(-50%) rotate(-45deg)}
.premiumItemsPrev:after{top:46px;transform:translate(-50%) rotate(45deg)}
.premiumItemsNext:before,
.premiumItemsNext:after{transform-origin:right center}
.premiumItemsNext:before{top:24px;transform:translate(-50%) rotate(45deg)}
.premiumItemsNext:after{top:46px;transform:translate(-50%) rotate(-45deg)}
.premiumItemsNav.swiper-button-disabled{opacity:.28;cursor:default}

.goods .item_wrap .item_list>li .item{
  width:100% !important;
  aspect-ratio:1 / 1 !important;
  height:auto !important;
}
.goods .item_wrap .item_list>li .item .img{
  width:100% !important;
  height:100% !important;
  display:grid !important;
  place-items:center !important;
}
.goods .item_wrap .item_list>li .item .img img{
  width:88% !important;
  height:88% !important;
  max-width:88% !important;
  max-height:88% !important;
  object-fit:contain !important;
  transform:none !important;
}

@media (max-width:960px){
  .mainSlide_wrap{margin-top:4.8rem}
  .mainSlide_wrap .inner{padding:0 1.2rem}
  .az_slide{min-height:200px;max-height:280px;aspect-ratio:16/9;padding:0 5%}
  .az_slide_copy em{font-size:13px}
  .premiumItemsSlide{padding:0 44px}
}
