@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
html{font-family:"Poppins",sans-serif;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth;}

/* button */
.hoverUnderLine{position:relative;}
.hoverUnderLine:before{position:absolute;content:'';height:2px;width:100%;left:0;bottom:0;background-color:#5C2568;transition:all 0.5s;transform:scale(0.4);opacity:0;}
.hoverUnderLine:hover:before{width:100%;transition:all 0.5s;transform:scale(1);opacity:1;}
a{font-size:14px;color:#5e2568;font-weight:500;text-decoration:none;line-height:20px;margin-bottom:10px;}
html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background:#ffffff;}
.catalog-placeholder{width:100%;height:100vh;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;flex-flow:column;}
.catalog-placeholder img{display:block;max-width:100%;max-height:calc(100vh - 48px);width:auto;height:auto;object-fit:contain;}
.catalog-flipbook{width:100%;height:100vh;overflow:hidden;}
.catalog-flipbook iframe{width:100%;height:100%;border:0;display:block;}
@media (max-width:767px){
  .catalog-placeholder{padding:16px;}
  .catalog-placeholder img{max-height:calc(100vh - 32px);}
}