.sf-superman-whats-inside--section{letter-spacing:0}.sf-superman-whats-inside--section .page-width{position:relative;padding-top:25px;padding-bottom:25px;max-width:1440px}.sf-superman-whats-inside--section .page-width:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff url(/cdn/shop/files/4_Things_Mobile.webp?v=1752769550) no-repeat;background-size:contain;background-position:left bottom;z-index:0}@media screen and (min-width: 1200px){.sf-superman-whats-inside--section .page-width{padding-bottom:50px}.sf-superman-whats-inside--section .page-width:after{left:-20%;background:#fff url(/cdn/shop/files/bg-superman-updated.webp?v=1752769550) no-repeat;background-position:left bottom;background-size:contain}}.sf-superman-whats-inside--right{position:relative;z-index:2}.sf-superman-whats-inside--section h2{color:#058;font-family:Bayon,Arial,Helvetica,sans-serif;font-size:48px;font-weight:400;letter-spacing:0;width:200px;text-transform:uppercase;margin:0 0 30px auto}.whats-inside--swiper{font-size:16px}.whats-inside--swiper ul{margin:0 0 15px;padding:0;list-style:none;font-size:16px;line-height:1.4;font-family:gothamlight,Arial,Helvetica,sans-serif}.whats-inside--swiper li{width:260px!important;height:320px!important;border-radius:20px;position:relative;overflow:hidden;color:#fdb521}.whats-inside--swiper li:first-child,.whats-inside--swiper li:last-of-type{color:#fff}.whats-inside--swiper li:first-child h3,.whats-inside--swiper li:last-of-type h3{color:#fdb521}.whats-inside--swiper li:first-child .what-inside--text{width:150px;top:50%;transform:translateY(-50%)}.whats-inside--swiper li:nth-child(2) .what-inside--text{width:170px}.whats-inside--swiper li:last-of-type .what-inside--text{top:auto;bottom:20px}.whats-inside--swiper li:nth-child(2) h3{color:#fff}.whats-inside--media,.whats-inside--media img{height:100%}.whats-inside--swiper .swiper-pagination--custom-holder{position:relative;max-width:180px;margin:0 auto}.whats-inside--swiper .swiper-pagination{display:flex!important;align-items:center;left:50%;top:44%!important;bottom:auto;transform:translate(-50%,-50%);width:auto;margin:0;background:transparent}.whats-inside--swiper .swiper-pagination-bullet{width:12px;height:12px;background:#cacbcb;opacity:1}.whats-inside--swiper .swiper-pagination-bullet-active{background:#efb700;border:2px solid #EFB700;width:16px;height:16px}.whats-inside--swiper .swiper-button-next,.whats-inside--swiper .swiper-button-prev{width:42px;height:42px;display:flex;align-items:center;justify-content:center;padding:0}.whats-inside--swiper .swiper-button-next:hover,.whats-inside--swiper .swiper-button-prev:hover{border:none;background:none}.what-inside--text{position:absolute;left:20px;right:20px;top:20px}.whats-inside--swiper h3{font-family:Bayon,Arial,Helvetica,sans-serif;font-size:36px;font-weight:400;letter-spacing:0;margin:0 0 10px}@media screen and (max-width: 768px){.sf-superman-whats-inside--section .desktop--only{display:none}}@media screen and (min-width: 450px){.sf-superman-whats-inside--section h2{width:auto;margin:0 0 35px;text-align:center}}@media screen and (min-width: 769px){.sf-superman-whats-inside--section .mobile--only{display:none}.sf-superman-whats-inside--right{width:70%;max-width:760px;margin:0 0 0 auto}.sf-superman-whats-inside--section h2{text-align:left}.whats-inside--swiper .swiper-pagination--custom-holder{display:none}.whats-inside--swiper{font-size:20px}.whats-inside--swiper ul{margin:0;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto;grid-template-areas:"item1 item1" "item2 item3"}.whats-inside--swiper li{width:fit-content!important}.whats-inside--swiper li:first-child{grid-area:item1}.whats-inside--swiper li:nth-child(2){grid-area:item2}.whats-inside--swiper li:last-child{grid-area:item3}.whats-inside--swiper li:first-child .what-inside--text{transform:none;top:20px}}@media screen and (min-width: 1440px){.whats-inside--swiper ul{font-size:20px}.whats-inside--swiper li:first-child .what-inside--text{width:350px}.whats-inside--swiper li:nth-child(2) .what-inside--text{width:320px;top:auto;bottom:20px}.whats-inside--swiper li:nth-child(2) h3{width:280px}}
/*# sourceMappingURL=/cdn/shop/t/138/assets/sf-superman-whats-inside.css.map */