*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,button,html,main{font-family:Montserrat,sans-serif}body{font-size:16px}button{user-select:none}a{text-decoration:none}a:hover{cursor:pointer}button,input,select,textarea{font-family:inherit}select{-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url(https://fbcd.co/images/icons/down-arrow-black.svg);background-position:calc(100% - 20px) 50%;background-repeat:no-repeat;background-size:10px auto;line-height:normal}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;height:1em;overflow:hidden;width:1em}.rights{color:var(--fg-sec);font-size:12px;font-weight:400;line-height:16.8px}@keyframes left-to-right{0%{transform:translateX(0)}50%{transform:translateX(3px)}to{transform:translateX(0)}}.wobble{animation:wobble 1s 1 both}@keyframes wobble{0%,to{transform:translateX(0);transform-origin:50% 50%}15%{transform:translateX(-30px) rotate(-6deg)}30%{transform:translateX(15px) rotate(6deg)}45%{transform:translateX(-15px) rotate(-3.6deg)}60%{transform:translateX(9px) rotate(2.4deg)}75%{transform:translateX(-6px) rotate(-1.2deg)}}@keyframes rotate-360{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.circle-pulse{height:20px;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:20px}.circle-pulse--cyan:after,.circle-pulse--cyan:before{background-color:#25d8e4!important}.circle-pulse:before{animation:circle-pulse 1.25s cubic-bezier(.215,.61,.355,1) infinite;border-radius:45px;box-sizing:border-box;height:250%;margin-left:-75%;margin-top:-75%;position:relative;width:250%}.circle-pulse:after,.circle-pulse:before{background-color:#094731;content:"";display:block}.circle-pulse:after{animation:circle-pulse-scale 1.25s cubic-bezier(.455,.03,.515,.955) -.4s infinite;border-radius:50px;height:100%;left:0;position:absolute;top:0;width:100%}@keyframes circle-pulse{0%{transform:scale(.33)}80%,to{opacity:0}}@keyframes circle-pulse-scale{0%{transform:scale(.8)}50%{transform:scale(1)}to{transform:scale(.8)}}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.notification-container{display:flex;flex-direction:column;gap:1rem;margin-left:20px;position:fixed;right:20px;top:20px;z-index:9999}.notification{align-items:center;border-radius:.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:flex;justify-content:space-between;max-width:400px;min-width:280px;padding:1rem 1.5rem;transform:translateX(120%);transition:transform .3s ease-in-out}.notification--show{transform:translateX(0)}.notification__message{margin-right:10px}.notification__close{font-size:1.25rem;font-weight:700;opacity:.7}.notification__close:hover{opacity:1}.notification--success{background-color:#67cb1d}.notification--danger{background-color:#fd4343}.notification--warning{background-color:#ff7600}.notification--info{background-color:#2196f3}.bundle{background:#f8f9fa;border-radius:.5rem;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}.bundle:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-2px)}.bundle__type{background:#fbac31;border:2px solid #fff;border-radius:9999px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.5rem .75rem;position:absolute;right:8px;text-transform:uppercase;top:8px;z-index:2}.bundle__type[data-type=uvdtf]{background:#c26af0}.bundle__added{background:#0cd35a;border-bottom-right-radius:.5rem;border-top-right-radius:.5rem;color:#fff;display:none;font-size:.75rem;font-weight:600;left:-100%;letter-spacing:.5px;padding:.5rem .75rem;position:absolute;top:20px;transition:left .3s ease;z-index:2}.bundle__added.show{left:0}.bundle__image{aspect-ratio:3/2;background:#e0e0e0;overflow:hidden;position:relative}.bundle__image img{aspect-ratio:3/2;transition:transform .3s ease;width:100%}.bundle__content{background:#fff;flex:1;padding:16px 16px 12px}.bundle__content-title{display:-webkit-box;font-size:1rem;font-weight:500;-webkit-line-clamp:2;line-height:1.4;margin:0;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.bundle__content-title:hover{text-decoration:underline}.bundle__footer{align-items:center;background:#fff;display:flex;gap:12px;justify-content:space-between;padding:0 16px 16px}.bundle__pricing{align-items:center;display:flex;flex:1;font-size:18px;gap:8px}.bundle__pricing .bundle__price{color:#333;font-weight:600}.bundle__pricing .bundle__price.sale{font-weight:700}.bundle__pricing .bundle__price.original{color:#f56969;text-decoration:line-through}.bundle__add{background:linear-gradient(135deg,#4fc3f7,#29b6f6);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.bundle__add:hover{background:linear-gradient(135deg,#29b6f6,#0288d1);box-shadow:0 2px 8px rgba(79,195,247,.3);transform:translateY(-1px)}.bundle__add:active{transform:translateY(0)}.bundle__add:focus{box-shadow:0 0 0 2px rgba(79,195,247,.3);outline:none}