@charset "utf-8";

.mbp3113 { gap: 1rem; display: grid; grid-template: "productImageAlt productImageGrid" 1fr ". smartGift" / 15% 85%; }

@media screen and (min-width: 1279.9px) {
  .mbp3113 { width: 100%; }
}

@media only screen and (max-width: 1279.9px) {
  .mbp3113 { display: grid; row-gap: 0.5rem; grid-template-rows: 1fr; grid-template-areas: "productImageGrid" "productImageAlt" "smartGift"; grid-template-columns: 100%; }
}

@media only screen and (max-width: 1023.9px) {
  .mbp3113 { gap: 1rem; }
}

.mbp3113 .altImageButton { width: 100%; border: none; cursor: pointer; height: auto; display: block; outline: none; padding: 0px; position: relative; }

.mbp3113 .altImagesContainer { margin: 0px; display: grid; row-gap: 1rem; grid-area: productImageAlt; grid-auto-flow: row; grid-auto-rows: min-content; }

.mbp3113 .productImage { margin: 0px; display: grid; grid-area: productImageGrid; }

.mbp3113 div[data-testid="smart-gift-ui-desktop"], .mbp3113 div[data-testid="smart-gift-ui-mobile"] { height: fit-content; margin: 0px; grid-area: smartGift; max-width: 100%; min-width: auto; }

.mbp3113 div[data-testid="smart-gift-ui-desktop"] { margin: 0px; }

.mbp3113 div[data-testid="smart-gift-ui-mobile"] { width: 100%; margin: 0px; max-width: 100%; }

@media screen and (max-width: 1279.9px) {
  .mbp3113 div[data-testid="smart-gift-ui-desktop"] { margin: 0px; grid-column-start: 1; }
}

@media screen and (max-width: 1023.9px) {
  .mbp3113 .productImage { max-width: 100% !important; }
}

@media screen and (max-width: 767.9px) {
  .mbp3113 .productImage { width: 100%; max-width: 100% !important; }
}

@media (max-width: 1279.95px) {
  .mbp3113 .altImagesContainer { gap: 1rem; grid-auto-flow: column; }
}

.mbp3113 .altImageButton img { display: block; }

@media screen and (min-width: 1279.9px) {
}

@media only screen and (max-width: 1279.9px) {
}

@media only screen and (max-width: 1023.9px) {
}

@media (max-width: 1279.95px) {
}

@media screen and (max-width: 1023.9px) {
}

@media screen and (max-width: 767.9px) {
}

@media screen and (max-width: 1279.9px) {
}