.mofix-pricing-table{--mofix-bg:#0d1117;--mofix-main-text:#f0f6fc;--mofix-secondary-text:#8b949e;--mofix-header-gradient:linear-gradient(90deg,#ff79c6,#bc8cff);--mofix-header-color:#f0f6fc;--mofix-toggle-text:#d0d7de;--mofix-active-text:#ffffff;--mofix-toggle-size:15px;--mofix-toggle-bg:#161b22;--mofix-toggle-off:#bc8cff;--mofix-toggle-on:#ff79c6;--mofix-card-bg:#161b22;--mofix-card-border:rgba(128,128,128,.14);--mofix-button-text:#fff;--mofix-card-radius:18px;--mofix-button-radius:10px;--mofix-title-size:40px;--mofix-text-size:16px;--mofix-price-size:52px;--mofix-feature-scroll:220px;--mofix-max-width:1120px;--mofix-card-min-height:560px;--mofix-gap:24px;--mofix-dot:#8b949e;--mofix-dot-active:#bc8cff;box-sizing:border-box} .mofix-pricing-table *,.mofix-pricing-table *:before,.mofix-pricing-table *:after{box-sizing:border-box} .mofix-pricing-container{max-width:var(--mofix-max-width);margin:0 auto;padding:36px 0 20px;background:var(--mofix-bg);color:var(--mofix-main-text);font-size:var(--mofix-text-size);overflow:hidden;border-radius:26px;position:relative} .mofix-pricing-header{text-align:center;margin:0 auto 34px;padding-inline:20px}.mofix-pricing-header h2{margin:0 0 10px;color:var(--mofix-header-color);font-size:var(--mofix-title-size);line-height:1.1;text-wrap:balance}.mofix-pricing-header p{margin:0 auto;max-width:760px;color:var(--mofix-secondary-text);line-height:1.6} .mofix-toggle-container{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 28px;padding-inline:20px}.mofix-toggle-text{color:var(--mofix-toggle-text)!important;font-size:var(--mofix-toggle-size,15px);font-weight:600;line-height:1.2}.mofix-toggle-text.active{color:var(--mofix-active-text)!important;font-weight:700} .mofix-toggle-switch{position:relative;display:inline-block;width:56px;height:28px}.mofix-toggle-switch input{opacity:0;width:0;height:0}.mofix-toggle-switch input:focus + .mofix-toggle-slider,.mofix-toggle-switch input:focus-visible + .mofix-toggle-slider{outline:none;box-shadow:none}.mofix-toggle-slider{position:absolute;inset:0;cursor:pointer;background:var(--mofix-toggle-bg);border:1px solid rgba(255,255,255,.08);border-radius:999px}.mofix-toggle-slider:before{content:"";position:absolute;left:4px;bottom:3px;width:20px;height:20px;border-radius:50%;background:var(--mofix-toggle-off);transition:transform .25s ease,background .25s ease}.mofix-toggle-switch input:checked + .mofix-toggle-slider:before{transform:translateX(28px);background:var(--mofix-toggle-on)} .mofix-carousel-shell{position:relative;padding:0;overflow:hidden;box-sizing:border-box} .mofix-carousel-viewport{overflow-x:hidden;overflow-y:visible;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding-inline:var(--mofix-gap);touch-action:pan-y pinch-zoom;cursor:grab;outline:none;user-select:none;-webkit-user-select:none;overscroll-behavior-x:contain;box-sizing:border-box;padding-left:calc(var(--mofix-gap) * 2);padding-right:var(--mofix-gap);position:relative} .mofix-carousel-viewport.is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}.mofix-carousel-viewport::-webkit-scrollbar{display:none}.mofix-dragging,.mofix-dragging *{user-select:none!important;-webkit-user-select:none!important} .mofix-pricing-cards{display:flex;gap:var(--mofix-gap);align-items:stretch;padding:0 0 10px;margin:0;overflow:visible;width:max-content;box-sizing:border-box} .mofix-pricing-card{box-sizing:border-box;background:var(--mofix-card-custom-bg,var(--mofix-card-bg));border-radius:var(--mofix-card-radius);padding:30px 28px;min-height:var(--mofix-card-min-height);position:relative;border:1px solid var(--mofix-card-border);box-shadow:0 6px 20px rgba(0,0,0,.24);overflow:visible;display:flex;flex-direction:column;flex:0 0 auto;scroll-snap-align:start;scroll-snap-stop:always;transition:transform .25s ease,box-shadow .25s ease;isolation:isolate} .mofix-pricing-card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--mofix-accent),transparent);border-radius:inherit;opacity:.9}.mofix-pricing-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px rgba(0,0,0,.34)}.mofix-no-lift .mofix-pricing-card:hover{transform:none} .mofix-glow-effect{position:absolute;left:50%;top:50%;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18) 0%,rgba(255,255,255,.08) 32%,transparent 72%);transform:translate(-50%,-50%);opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease}.mofix-pricing-card:after{content:"";position:absolute;inset:10px;border-radius:calc(var(--mofix-card-radius) - 6px);box-shadow:0 0 0 1px color-mix(in srgb,var(--mofix-accent) 28%, transparent),0 0 34px color-mix(in srgb,var(--mofix-accent) 18%, transparent);opacity:0;pointer-events:none;transition:opacity .22s ease}.mofix-pricing-card:hover .mofix-glow-effect{opacity:1;transform:translate(-50%,-50%) scale(1.08)}.mofix-pricing-card:hover:after{opacity:1}.mofix-no-glow .mofix-glow-effect,.mofix-no-glow .mofix-pricing-card:after{display:none} .mofix-card-head,.mofix-feature-scroll,.mofix-card-button,.mofix-card-button-static{position:relative;z-index:2}.mofix-card-tier{margin:0 0 8px;font-size:1.3rem;font-weight:700;color:var(--mofix-accent);text-align:center}.mofix-card-description{margin:0 0 22px;color:var(--mofix-secondary-text);font-size:.95rem;line-height:1.5;text-align:center}.mofix-price-row{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.mofix-card-price{font-size:var(--mofix-price-size);font-weight:700;line-height:1.1}.mofix-original-price{text-decoration:line-through;opacity:.6;font-size:1rem;margin-right:6px}.mofix-savings-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:rgba(38,203,124,.14);color:#26cb7c;font-size:.72rem;font-weight:700}.mofix-price-cycle{margin:6px 0 20px;color:var(--mofix-secondary-text);font-size:.9rem;text-align:center} .mofix-feature-scroll{flex:1;max-height:var(--mofix-feature-scroll);overflow:auto;padding-right:4px;margin-bottom:14px}.mofix-card-features{list-style:none;padding:0;margin:0}.mofix-card-features li{display:flex;align-items:flex-start;gap:10px;margin:0 0 13px;color:var(--mofix-secondary-text);font-size:.95rem;line-height:1.45}.mofix-feature-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;margin-top:1px}.animation-pulse .mofix-feature-icon{animation:mofixPulse 1.8s infinite}.animation-float .mofix-feature-icon{animation:mofixFloat 2.5s ease-in-out infinite}.animation-bounce .mofix-feature-icon{animation:mofixBounce 1.4s infinite} .mofix-card-button,.mofix-card-button-static{display:block;width:100%;margin-top:26px;padding:13px 20px;border-radius:var(--mofix-button-radius);border:1px solid var(--mofix-accent);background:transparent;color:var(--mofix-button-text);text-align:center;text-decoration:none;font-weight:600;position:relative;overflow:hidden;cursor:pointer;z-index:1}.mofix-card-button:before,.mofix-card-button-static:before{content:"";position:absolute;inset:0;width:0;background:var(--mofix-button-bg);transition:width .28s ease;z-index:-1}.mofix-card-button:hover:before,.mofix-card-button-static:hover:before{width:100%}.mofix-no-button-fill .mofix-card-button:before,.mofix-no-button-fill .mofix-card-button-static:before{display:none}.mofix-card-button-static{cursor:default} .mofix-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(13,17,23,.76);color:var(--mofix-main-text);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;backdrop-filter:blur(8px);transition:opacity .2s ease,transform .2s ease}.mofix-carousel-arrow.prev{left:8px}.mofix-carousel-arrow.next{right:8px}.mofix-carousel-arrow:hover{transform:translateY(-50%) scale(1.04)}.mofix-carousel-arrow.is-disabled{opacity:.35;pointer-events:none} .mofix-pricing-guarantee{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--mofix-guarantee-text,var(--mofix-secondary-text));opacity:var(--mofix-guarantee-text-opacity,1);font-size:var(--mofix-guarantee-text-size,.9rem);margin-top:28px;padding-inline:20px}.mofix-pricing-guarantee .dashicons{color:var(--mofix-guarantee-icon,#26cb7c);opacity:var(--mofix-guarantee-icon-opacity,1);font-size:var(--mofix-guarantee-icon-size,20px);width:var(--mofix-guarantee-icon-size,20px);height:var(--mofix-guarantee-icon-size,20px)}.mofix-faq-link,.mofix-faq-link-static{display:block;text-align:center;margin-top:14px;color:var(--mofix-secondary-text);text-decoration:none;padding-inline:20px}.mofix-faq-link:hover{color:var(--mofix-main-text)} .mofix-dot-nav{display:flex;justify-content:center;gap:10px;margin-top:18px;min-height:12px}.mofix-dot-nav .mofix-dot{appearance:none;width:10px;height:10px;border-radius:50%;border:0;padding:0;background:var(--mofix-dot);cursor:pointer;transition:transform .2s ease,background .2s ease;opacity:1}.mofix-dot-nav .mofix-dot.active{background:var(--mofix-dot-active);transform:scale(1.18)}.mofix-dot-nav.is-hidden{display:none} .mofix-ribbon-box{position:absolute;inset:0;pointer-events:none;z-index:5;opacity:var(--mofix-ribbon-opacity,1)} .mofix-ribbon-box .mofix-ribbon1,.mofix-ribbon-box .mofix-ribbon2,.mofix-ribbon-box .mofix-ribbon3,.mofix-ribbon-box .mofix-ribbon4,.mofix-ribbon-box .mofix-ribbon5,.mofix-ribbon-box .mofix-ribbon6{box-sizing:border-box} .mofix-ribbon-box.ribbon-style-1 .mofix-ribbon1{position:absolute;top:-6px;right:10px;display:block;min-width:108px;height:40px;background:var(--mofix-ribbon-bg1);color:var(--mofix-ribbon-color);font-size:14px;line-height:40px;text-align:center;padding:0 14px;border-radius:4px 4px 0 0;clip-path:polygon(0 0,100% 0,100% 68%,60% 68%,50% 100%,40% 68%,0 68%)}.mofix-ribbon-box.ribbon-style-1 .mofix-ribbon1:before,.mofix-ribbon-box.ribbon-style-1 .mofix-ribbon1:after{content:"";position:absolute;top:0}.mofix-ribbon-box.ribbon-style-1 .mofix-ribbon1:before{left:-6px;width:6px;height:6px;background:var(--mofix-ribbon-bg1)}.mofix-ribbon-box.ribbon-style-1 .mofix-ribbon1:after{left:-8px;width:8px;height:6px;background:var(--mofix-ribbon-bg2);border-radius:8px 8px 0 0}.mofix-ribbon-box.ribbon-style-1 .mofix-ribbon1>span{display:block;position:relative;top:-3px}.mofix-ribbon-box.ribbon-style-2 .mofix-ribbon2{width:60px;padding:10px 0;position:absolute;top:-6px;left:25px;text-align:center;border-top-left-radius:3px;background:var(--mofix-ribbon-bg1);color:var(--mofix-ribbon-color);font-size:14px;line-height:1.15;white-space:pre-line}.mofix-ribbon-box.ribbon-style-2 .mofix-ribbon2:before,.mofix-ribbon-box.ribbon-style-2 .mofix-ribbon2:after{content:"";position:absolute}.mofix-ribbon-box.ribbon-style-2 .mofix-ribbon2:before{right:-5.5px;top:.1px;border-bottom:6px solid var(--mofix-ribbon-bg2);border-right:6px solid transparent}.mofix-ribbon-box.ribbon-style-2 .mofix-ribbon2:after{bottom:-29.5px;left:0;border-left:30px solid var(--mofix-ribbon-bg1);border-right:30px solid var(--mofix-ribbon-bg1);border-bottom:30px solid transparent} .mofix-ribbon-box.ribbon-style-3 .mofix-ribbon3{width:150px;height:50px;line-height:50px;padding-left:15px;position:absolute;left:-8px;top:20px;background:var(--mofix-ribbon-bg1);color:var(--mofix-ribbon-color);font-size:14px}.mofix-ribbon-box.ribbon-style-3 .mofix-ribbon3:before,.mofix-ribbon-box.ribbon-style-3 .mofix-ribbon3:after{content:"";position:absolute}.mofix-ribbon-box.ribbon-style-3 .mofix-ribbon3:before{top:-8.5px;left:.1px;border-bottom:9px solid var(--mofix-ribbon-bg2);border-left:9px solid transparent}.mofix-ribbon-box.ribbon-style-3 .mofix-ribbon3:after{right:-14.5px;top:0;border-top:25px solid transparent;border-bottom:25px solid transparent;border-left:15px solid var(--mofix-ribbon-bg1)} .mofix-ribbon-box.ribbon-style-4 .mofix-ribbon4{position:absolute;top:15px;left:10px;padding:8px 12px;background:var(--mofix-ribbon-bg1);color:var(--mofix-ribbon-color);box-shadow:-1px 2px 3px rgba(0,0,0,.3);font-size:14px;line-height:1.2}.mofix-ribbon-box.ribbon-style-4 .mofix-ribbon4:before,.mofix-ribbon-box.ribbon-style-4 .mofix-ribbon4:after{content:"";position:absolute}.mofix-ribbon-box.ribbon-style-4 .mofix-ribbon4:before{width:7px;height:100%;top:0;left:-6px;background:inherit;border-radius:5px 0 0 5px}.mofix-ribbon-box.ribbon-style-4 .mofix-ribbon4:after{width:5px;height:5px;bottom:-5px;left:-4px;background:var(--mofix-ribbon-bg2);border-radius:5px 0 0 5px}.mofix-ribbon-box.ribbon-style-5 .mofix-ribbon5{display:block;width:calc(100% + 20px);height:50px;line-height:50px;text-align:center;margin-left:-10px;margin-right:-10px;background:var(--mofix-ribbon-bg1);color:var(--mofix-ribbon-color);position:absolute;top:20px;left:0;font-size:14px}.mofix-ribbon-box.ribbon-style-5 .mofix-ribbon5:before,.mofix-ribbon-box.ribbon-style-5 .mofix-ribbon5:after{content:"";position:absolute}.mofix-ribbon-box.ribbon-style-5 .mofix-ribbon5:before{bottom:-10px;left:0;border-top:10px solid var(--mofix-ribbon-bg2);border-left:10px solid transparent}.mofix-ribbon-box.ribbon-style-5 .mofix-ribbon5:after{right:0;bottom:-10px;border-top:10px solid var(--mofix-ribbon-bg2);border-right:10px solid transparent} .mofix-ribbon-box.ribbon-style-6{position:absolute;top:0;right:0;left:auto;width:138px;height:138px;overflow:hidden;pointer-events:none;z-index:6}.mofix-ribbon-box.ribbon-style-6 .mofix-wrap{position:absolute;inset:0;overflow:hidden;pointer-events:none}.mofix-ribbon-box.ribbon-style-6 .mofix-wrap:before{content:"";position:absolute;top:58px;right:0;width:13px;height:18px;background:var(--mofix-ribbon-bg2);clip-path:polygon(0 0,100% 18%,100% 100%,0 70%);z-index:1;opacity:1}.mofix-ribbon-box.ribbon-style-6 .mofix-wrap:after{content:none}.mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6{position:absolute;top:22px;right:-38px;width:176px;height:34px;display:flex;align-items:center;justify-content:center;transform:rotate(45deg);transform-origin:center;background:linear-gradient(135deg,var(--mofix-ribbon-bg1) 0%,color-mix(in srgb,var(--mofix-ribbon-bg1) 80%, #fff 20%) 100%);color:var(--mofix-ribbon-color);text-align:center;font-size:14px;font-weight:700;line-height:1;padding:0 24px;box-shadow:0 10px 18px -12px rgba(0,0,0,.22);border:none;clip-path:polygon(12px 0,100% 0,100% 100%,0 100%,0 12px);z-index:2}.mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6:before,.mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6:after{content:none}@keyframes mofixPulse{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}@keyframes mofixFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes mofixBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}} @media (max-width:700px){.mofix-pricing-container{padding:20px 0 18px;border-radius:20px}.mofix-pricing-header h2{font-size:32px}.mofix-carousel-arrow{display:none}.mofix-pricing-card{min-height:auto}} .mofix-carousel-shell:not(.mofix-has-arrows){padding-inline:0} .mofix-card-button:hover, .mofix-card-button:focus-visible, .mofix-card-button-static:hover, .mofix-card-button-static:focus-visible{ color:#fff; } .mofix-carousel-arrow[hidden],.mofix-dot-nav[hidden]{display:none!important} /* 2.8.9 generic icon rendering */ .mofix-feature-icon .dashicons,.mofix-guarantee-icon-wrap .dashicons{width:auto;height:auto;font-size:inherit;line-height:1} .mofix-feature-icon i,.mofix-guarantee-icon-wrap i{font-size:inherit;line-height:1} .mofix-lang-badge-render,.mofix-flag-badge-render{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:22px;padding:0 7px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.08em;background:#eef2ff;color:#312e81;border:1px solid rgba(199,210,254,.8);text-transform:uppercase;line-height:1} .mofix-flag-badge-render{background:#eff6ff;color:#1d4ed8;border-color:rgba(191,219,254,.85)} .mofix-pricing-guarantee{display:flex;align-items:center;justify-content:center;gap:10px} .mofix-guarantee-icon-wrap{display:inline-flex;align-items:center;justify-content:center;color:var(--mofix-guarantee-icon);opacity:var(--mofix-guarantee-icon-opacity);font-size:var(--mofix-guarantee-icon-size)} .mofix-pricing-guarantee .mofix-lang-badge-render,.mofix-pricing-guarantee .mofix-flag-badge-render{min-width:36px;height:24px} /* 2.9.1 navigation + light heading fixes */ .mofix-pricing-header h2{color:var(--mofix-header-color,var(--mofix-main-text))!important} .mofix-toggle-container,.mofix-toggle-switch,.mofix-toggle-slider,.mofix-toggle-slider:before{outline:none!important;box-shadow:none!important} .mofix-toggle-switch input,.mofix-toggle-switch input:focus,.mofix-toggle-switch input:active,.mofix-toggle-switch input:checked{outline:none!important;box-shadow:none!important;-webkit-appearance:none;appearance:none;background:transparent;border:0} .mofix-toggle-switch{-webkit-tap-highlight-color:transparent} .mofix-carousel-arrow{width:48px;height:48px;border-radius:999px;border:var(--mofix-nav-border-thickness,1px) solid var(--mofix-nav-border,rgba(255,255,255,.14));background:var(--mofix-nav-bg,rgba(13,17,23,.76));color:var(--mofix-nav-icon,var(--mofix-main-text));backdrop-filter:blur(12px);box-shadow:0 12px 28px rgba(15,23,42,.18)} .mofix-carousel-arrow span{font-size:var(--mofix-nav-icon-size,18px)!important;width:var(--mofix-nav-icon-size,18px);height:var(--mofix-nav-icon-size,18px);line-height:1;color:inherit} .mofix-carousel-arrow:hover{box-shadow:0 18px 36px rgba(15,23,42,.24)} .mofix-carousel-arrow.is-disabled{opacity:.28} /* 2.9.2 nav/button defaults */ .mofix-card-button,.mofix-card-button-static{color:var(--mofix-button-text,var(--mofix-accent))} .mofix-carousel-arrow{border-color:var(--mofix-nav-border,rgba(255,255,255,.14));background:var(--mofix-nav-bg,rgba(13,17,23,.76));color:var(--mofix-nav-icon,var(--mofix-main-text))} .mofix-pricing-table .mofix-carousel-arrow:hover{transform:translateY(-50%) scale(1.06);filter:saturate(1.02)} /* 2.9.4 light header, button, and navigation refinements */ .mofix-pricing-header h2{color:var(--mofix-header-color,var(--mofix-main-text))!important;text-shadow:none} .mofix-pricing-table[data-mode='light'] .mofix-pricing-header h2{color:var(--mofix-header-color,#0f172a)!important} .mofix-pricing-table[data-mode='light'] .mofix-card-button{color:var(--mofix-button-text,#0f172a)!important} .mofix-pricing-table[data-mode='light'] .mofix-card-button:hover,.mofix-pricing-table[data-mode='light'] .mofix-card-button:focus{color:#ffffff!important} .mofix-carousel-arrow{background:var(--mofix-nav-bg,rgba(13,17,23,.76));color:var(--mofix-nav-icon,var(--mofix-main-text));border:var(--mofix-nav-border-thickness,1px) solid var(--mofix-nav-border,rgba(255,255,255,.14));box-shadow:0 14px 32px rgba(15,23,42,.18), inset 0 1px 0 rgba(255,255,255,.12)} .mofix-pricing-table[data-mode='light'] .mofix-carousel-arrow{box-shadow:0 14px 30px rgba(15,23,42,.12), inset 0 1px 0 rgba(255,255,255,.9)} .mofix-pricing-table[data-mode='light'] .mofix-carousel-arrow:hover{box-shadow:0 18px 34px rgba(15,23,42,.16), inset 0 1px 0 rgba(255,255,255,.96)} .mofix-pricing-table[data-mode='dark'] .mofix-carousel-arrow:hover{box-shadow:0 20px 38px rgba(15,23,42,.28), inset 0 1px 0 rgba(255,255,255,.1)} /* 2.9.5 compatibility and refined navigation defaults */ .mofix-pricing-table, .mofix-pricing-table *{box-sizing:border-box} .mofix-pricing-table{width:100%;max-width:100%;transform:none!important;animation:none;contain:layout style} .mofix-pricing-table .mofix-pricing-container, .mofix-pricing-table .mofix-carousel-shell, .mofix-pricing-table .mofix-carousel-viewport, .mofix-pricing-table .mofix-pricing-cards{width:100%;max-width:100%;transform:none!important} .mofix-pricing-table .mofix-pricing-card{transform-origin:center top;will-change:auto} .elementor-widget-container .mofix-pricing-table, .wpb_content_element .mofix-pricing-table, .vc_shortcode-output .mofix-pricing-table, .ast-container .mofix-pricing-table{font-size:inherit} .mofix-pricing-table .mofix-toggle-switch, .mofix-pricing-table .mofix-toggle-switch *, .mofix-pricing-table .mofix-toggle-slider{outline:none!important;box-shadow:none!important} .mofix-pricing-table .mofix-pricing-header h2{color:var(--mofix-header-color,#0f172a)!important} .mofix-pricing-table[data-mode='light'] .mofix-pricing-header h2{color:#0f172a!important} .mofix-pricing-table .mofix-carousel-arrow{ background:var(--mofix-nav-bg,rgba(11,18,32,.92)); color:var(--mofix-nav-icon,var(--mofix-main-text)); border:var(--mofix-nav-border-thickness,1px) solid var(--mofix-nav-border,rgba(255,255,255,.18)); box-shadow:0 16px 34px rgba(15,23,42,.22), inset 0 1px 0 rgba(255,255,255,.12); } .mofix-pricing-table[data-mode='light'] .mofix-carousel-arrow{ background:var(--mofix-nav-bg,rgba(255,255,255,.94)); color:var(--mofix-nav-icon,#2563eb); border-color:var(--mofix-nav-border,#93c5fd); box-shadow:0 14px 28px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.95); } .mofix-pricing-table[data-mode='light'] .mofix-carousel-arrow:hover{ box-shadow:0 18px 34px rgba(15,23,42,.14), inset 0 1px 0 rgba(255,255,255,.98); transform:translateY(-50%) scale(1.06); } .mofix-pricing-table[data-mode='dark'] .mofix-carousel-arrow:hover{ box-shadow:0 20px 40px rgba(15,23,42,.30), inset 0 1px 0 rgba(255,255,255,.08); } /* 2.9.6 Elementor/WPBakery stability and refined frontend defaults */ .mofix-pricing-table{contain:initial!important;overflow:visible} .mofix-pricing-table .mofix-pricing-container, .mofix-pricing-table .mofix-carousel-shell, .mofix-pricing-table .mofix-carousel-viewport{width:100%!important;max-width:100%!important} .mofix-pricing-table .mofix-pricing-cards{display:flex!important;width:max-content!important;min-width:100%!important;max-width:none!important;flex-wrap:nowrap!important} .mofix-pricing-table .mofix-pricing-card{flex:0 0 auto!important;max-width:none!important} .elementor-widget-shortcode .mofix-pricing-table, .elementor-widget-container .mofix-pricing-table, .elementor .mofix-pricing-table, .wpb_content_element .mofix-pricing-table, .vc_shortcode-output .mofix-pricing-table{transform:none!important;animation:none!important} .mofix-pricing-table[data-mode='light'] .mofix-card-button, .mofix-pricing-table[data-mode='light'] .mofix-card-button-static{color:#0f172a!important;border-color:color-mix(in srgb,var(--mofix-accent) 72%, white)!important;background:rgba(255,255,255,.82)!important} .mofix-pricing-table[data-mode='light'] .mofix-card-button:hover, .mofix-pricing-table[data-mode='light'] .mofix-card-button:focus, .mofix-pricing-table[data-mode='light'] .mofix-card-button-static:hover, .mofix-pricing-table[data-mode='light'] .mofix-card-button-static:focus{color:#ffffff!important} .mofix-pricing-table[data-mode='light'] .mofix-pricing-header h2, .mofix-pricing-table[data-mode='light'] .mofix-pricing-header h2 *{color:#0f172a!important;background:none!important;-webkit-text-fill-color:#0f172a!important} .mofix-pricing-table[data-mode='light'] .mofix-carousel-arrow{ background:var(--mofix-nav-bg,rgba(255,255,255,.96))!important; color:var(--mofix-nav-icon,#2563eb)!important; border-color:var(--mofix-nav-border,rgba(148,163,184,.45))!important; box-shadow:0 16px 30px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.96)!important; } .mofix-pricing-table[data-mode='dark'] .mofix-carousel-arrow{ background:var(--mofix-nav-bg,rgba(15,23,42,.88))!important; color:var(--mofix-nav-icon,#f8fafc)!important; border-color:var(--mofix-nav-border,rgba(148,163,184,.24))!important; box-shadow:0 18px 36px rgba(2,6,23,.34), inset 0 1px 0 rgba(255,255,255,.08)!important; } /* 2.9.7 Elementor / builder layout hardening */ .elementor-widget-shortcode .elementor-widget-container, .elementor-shortcode, .elementor-widget-shortcode .mofix-pricing-table, .elementor-widget-shortcode .mofix-pricing-table .mofix-pricing-container, .elementor-widget-shortcode .mofix-pricing-table .mofix-carousel-shell, .elementor-widget-shortcode .mofix-pricing-table .mofix-carousel-viewport, .wpb_wrapper .mofix-pricing-table, .wpb_wrapper .mofix-pricing-table .mofix-pricing-container, .vc_shortcode-output .mofix-pricing-table, .vc_shortcode-output .mofix-pricing-table .mofix-pricing-container{display:block!important;width:100%!important;min-width:100%!important;max-width:100%!important;box-sizing:border-box!important} .elementor-widget-shortcode .mofix-pricing-table .mofix-pricing-container, .wpb_wrapper .mofix-pricing-table .mofix-pricing-container, .vc_shortcode-output .mofix-pricing-table .mofix-pricing-container{margin-left:auto!important;margin-right:auto!important} .elementor-widget-shortcode .mofix-pricing-table .mofix-pricing-cards, .wpb_wrapper .mofix-pricing-table .mofix-pricing-cards, .vc_shortcode-output .mofix-pricing-table .mofix-pricing-cards{flex-wrap:nowrap!important;transform:none!important} .elementor-widget-shortcode .mofix-pricing-table .mofix-pricing-card, .wpb_wrapper .mofix-pricing-table .mofix-pricing-card, .vc_shortcode-output .mofix-pricing-table .mofix-pricing-card{transform:none;will-change:auto} /* 2.10.0 feature view more + responsive carousel */ .mofix-feature-scroll{overflow:visible;max-height:none;padding-right:0} .mofix-feature-scroll.is-collapsible .mofix-card-features{max-height:var(--mofix-collapsed-height,220px);overflow:hidden;mask-image:linear-gradient(180deg,#000 0%,#000 82%,transparent 100%)} .mofix-feature-scroll.is-collapsible.is-expanded .mofix-card-features{max-height:none;overflow:visible;mask-image:none} .mofix-view-more-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--mofix-view-more-icon-gap,8px);margin:8px auto 0;padding:10px 16px;border-radius:var(--mofix-view-more-radius,999px);border:var(--mofix-view-more-border-thickness,1px) solid var(--mofix-view-more-border,rgba(255,255,255,.14));background:var(--mofix-view-more-bg,rgba(15,23,42,.88));color:var(--mofix-view-more-text,#fff);font-size:var(--mofix-view-more-font-size,14px);font-weight:700;line-height:1.2;cursor:pointer;box-shadow:0 10px 24px rgba(15,23,42,.14);transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease} .mofix-view-more-button:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(15,23,42,.18)} .mofix-view-more-button .mofix-view-more-icon,.mofix-view-more-button .mofix-view-more-icon i,.mofix-view-more-button .mofix-view-more-icon .dashicons{display:inline-flex;align-items:center;justify-content:center;color:var(--mofix-view-more-icon-color,var(--mofix-view-more-text));font-size:var(--mofix-view-more-icon-size,14px);line-height:1} .mofix-view-more-button.is-expanded .mofix-view-more-icon{transform:rotate(180deg)} .mofix-pricing-table[data-mode='light'] .mofix-view-more-button{box-shadow:0 10px 22px rgba(15,23,42,.08)} .mofix-pricing-table[data-mode='light'] .mofix-view-more-button:hover{box-shadow:0 14px 26px rgba(15,23,42,.12)} @media (max-width:1024px){ .mofix-carousel-shell{padding-left:44px!important;padding-right:44px!important} .mofix-carousel-arrow{display:inline-flex!important} } @media (max-width:700px){ .mofix-carousel-shell{padding-left:16px!important;padding-right:16px!important} .mofix-carousel-arrow{width:42px;height:42px;display:inline-flex!important} } .mofix-view-more-button[data-icon-position="before"] .mofix-view-more-icon{order:-1} .mofix-view-more-button[data-icon-position="after"] .mofix-view-more-icon{order:1} /* 2.10.1 mobile width, smoother feature toggle */ .mofix-feature-scroll.is-collapsible .mofix-card-features{ transition:max-height .34s cubic-bezier(.22,.61,.36,1),mask-image .18s ease,opacity .18s ease; will-change:max-height; } .mofix-view-more-button{ min-height:38px; padding:8px 14px; margin:12px auto 0; background:var(--mofix-view-more-bg,rgba(15,23,42,.88)); border:var(--mofix-view-more-border-thickness,1px) solid var(--mofix-view-more-border,rgba(255,255,255,.16)); border-radius:999px; box-shadow:0 10px 24px rgba(15,23,42,.08); color:var(--mofix-view-more-text,#fff); font-weight:700; letter-spacing:.01em; transition:opacity .18s ease,color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease; } .mofix-view-more-button:hover{transform:translateY(-1px);opacity:.94;box-shadow:0 14px 28px rgba(15,23,42,.12)} .mofix-view-more-button .mofix-view-more-icon,.mofix-view-more-button .mofix-view-more-icon i,.mofix-view-more-button .mofix-view-more-icon .dashicons{transition:transform .28s ease,color .18s ease} .mofix-pricing-table[data-mode='light'] .mofix-view-more-button{box-shadow:0 10px 22px rgba(15,23,42,.07)} @media (max-width:700px){ .mofix-pricing-container{padding-inline:0} .mofix-carousel-shell{padding-left:0!important;padding-right:0!important;overflow:hidden} .mofix-carousel-viewport{padding-left:0!important;padding-right:0!important;overflow:hidden} .mofix-pricing-cards{gap:0!important;align-items:stretch} .mofix-pricing-card{border-radius:22px;margin:0;width:100%!important;min-width:100%!important;max-width:100%!important;flex:0 0 100%!important} .mofix-carousel-arrow{display:inline-flex!important;top:50%;width:42px;height:42px;z-index:25} .mofix-carousel-arrow.prev{left:10px} .mofix-carousel-arrow.next{right:10px} } /* 2.10.3 mobile snap + richer ribbons */ @media (max-width:700px){ .mofix-carousel-shell{overflow:hidden!important} .mofix-carousel-viewport{overflow:hidden!important;scroll-padding-inline:0!important} .mofix-pricing-cards{overflow:hidden!important} .mofix-pricing-card{scroll-snap-align:start;width:100%!important;max-width:100%!important} } .mofix-ribbon-box.ribbon-style-7 .mofix-ribbon7{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;justify-content:center;min-width:110px;height:36px;padding:0 16px;border-radius:999px;background:linear-gradient(135deg,var(--mofix-ribbon-bg1),var(--mofix-ribbon-bg2));color:var(--mofix-ribbon-color);box-shadow:0 10px 24px rgba(15,23,42,.22);font-size:13px;font-weight:700;letter-spacing:.01em} .mofix-ribbon-box.ribbon-style-8 .mofix-ribbon8{position:absolute;top:16px;left:-36px;width:148px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--mofix-ribbon-bg1);color:var(--mofix-ribbon-color);transform:rotate(-35deg);box-shadow:0 10px 20px rgba(15,23,42,.18);font-size:13px;font-weight:700} .mofix-ribbon-box.ribbon-style-9 .mofix-ribbon9{position:absolute;top:14px;right:16px;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(15,23,42,.88);border:1px solid color-mix(in srgb,var(--mofix-ribbon-bg1) 58%, transparent);border-radius:12px;color:var(--mofix-ribbon-color);backdrop-filter:blur(10px);box-shadow:0 10px 24px rgba(15,23,42,.18);font-size:13px;font-weight:700} .mofix-ribbon-box.ribbon-style-9 .mofix-ribbon9:before{content:'★';color:var(--mofix-ribbon-bg1);font-size:12px;line-height:1} /* 2.10.4 mobile/tablet viewport fit */ @media (max-width:700px){ .mofix-pricing-table .mofix-pricing-container{padding-inline:0!important} .mofix-pricing-table .mofix-carousel-shell{padding-left:0!important;padding-right:0!important;overflow:hidden!important} .mofix-pricing-table .mofix-carousel-viewport{padding-left:0!important;padding-right:0!important;overflow:hidden!important} .mofix-pricing-table .mofix-pricing-cards{gap:0!important;overflow:visible!important} .mofix-pricing-table .mofix-pricing-card{width:100%!important;min-width:100%!important;max-width:100%!important;flex:0 0 100%!important;margin:0!important;scroll-snap-align:start} } @media (min-width:701px) and (max-width:1024px){ .mofix-pricing-table .mofix-carousel-shell{overflow:hidden!important} .mofix-pricing-table .mofix-carousel-viewport{overflow:hidden!important} .mofix-pricing-table .mofix-pricing-cards{overflow:visible!important} } /* 2.10.4 extra ribbon styles */ .mofix-ribbon-box.ribbon-style-10 .mofix-ribbon10{position:absolute;top:16px;left:16px;display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;background:linear-gradient(135deg,var(--mofix-ribbon-bg1),var(--mofix-ribbon-bg2));color:var(--mofix-ribbon-color);border-radius:10px 18px 18px 10px;box-shadow:0 12px 24px rgba(15,23,42,.18);font-size:13px;font-weight:700} .mofix-ribbon-box.ribbon-style-10 .mofix-ribbon10:after{content:'';position:absolute;right:-10px;top:0;border-top:17px solid transparent;border-bottom:17px solid transparent;border-left:10px solid var(--mofix-ribbon-bg2)} .mofix-ribbon-box.ribbon-style-11 .mofix-ribbon11{position:absolute;top:18px;right:18px;display:inline-flex;align-items:center;justify-content:center;min-width:118px;padding:9px 14px;border-radius:14px;background:rgba(255,255,255,.14);color:var(--mofix-ribbon-color);border:1px solid color-mix(in srgb,var(--mofix-ribbon-bg1) 65%, transparent);backdrop-filter:blur(12px);box-shadow:0 12px 24px rgba(15,23,42,.18);font-size:13px;font-weight:700} .mofix-ribbon-box.ribbon-style-11 .mofix-ribbon11:before{content:'◆';margin-right:8px;color:var(--mofix-ribbon-bg1);font-size:11px} .mofix-ribbon-box.ribbon-style-12 .mofix-ribbon12{position:absolute;top:0;left:18px;display:inline-flex;align-items:center;justify-content:center;min-width:108px;padding:10px 14px 8px;background:var(--mofix-ribbon-bg1);color:var(--mofix-ribbon-color);border-radius:0 0 14px 14px;box-shadow:0 12px 20px rgba(15,23,42,.18);font-size:13px;font-weight:700} .mofix-ribbon-box.ribbon-style-12 .mofix-ribbon12:after{content:'';position:absolute;left:50%;transform:translateX(-50%);bottom:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--mofix-ribbon-bg1)} /* 2.10.5 mobile cleanup + genuinely new ribbon styles */ @media (max-width:700px){ .mofix-pricing-table .mofix-carousel-shell, .mofix-pricing-table .mofix-carousel-viewport{padding-left:0!important;padding-right:0!important;overflow:hidden!important} .mofix-pricing-table .mofix-pricing-cards{gap:0!important;overflow:visible!important} .mofix-pricing-table .mofix-pricing-card{margin:0!important} } @media (min-width:701px) and (max-width:1024px){ .mofix-pricing-table .mofix-carousel-shell, .mofix-pricing-table .mofix-carousel-viewport{padding-left:0!important;padding-right:0!important;overflow:hidden!important} } .mofix-ribbon-box.ribbon-style-13 .mofix-ribbon13{position:absolute;top:18px;right:16px;display:inline-flex;align-items:center;justify-content:center;padding:10px 16px 10px 18px;background:linear-gradient(135deg,var(--mofix-ribbon-bg1),var(--mofix-ribbon-bg2));color:var(--mofix-ribbon-color);border-radius:0 18px 18px 18px;box-shadow:0 14px 24px rgba(15,23,42,.18);font-size:13px;font-weight:700} .mofix-ribbon-box.ribbon-style-13 .mofix-ribbon13:before{content:'';position:absolute;left:-12px;top:0;border-top:20px solid var(--mofix-ribbon-bg1);border-left:12px solid transparent} .mofix-ribbon-box.ribbon-style-14 .mofix-ribbon14{position:absolute;top:18px;left:18px;display:inline-flex;align-items:center;justify-content:center;min-width:122px;padding:9px 16px;background:rgba(255,255,255,.92);color:var(--mofix-ribbon-bg1);border:1px solid color-mix(in srgb,var(--mofix-ribbon-bg1) 35%, transparent);border-radius:999px;box-shadow:0 12px 24px rgba(15,23,42,.14);font-size:13px;font-weight:800} .mofix-ribbon-box.ribbon-style-14 .mofix-ribbon14:after{content:'✦';margin-left:8px;color:var(--mofix-ribbon-bg2);font-size:11px} .mofix-ribbon-box.ribbon-style-15 .mofix-ribbon15{position:absolute;top:0;right:20px;display:inline-flex;align-items:center;justify-content:center;min-width:110px;padding:11px 14px 8px;background:var(--mofix-ribbon-bg1);color:var(--mofix-ribbon-color);border-radius:0 0 18px 18px;box-shadow:0 12px 24px rgba(15,23,42,.18);font-size:13px;font-weight:700} .mofix-ribbon-box.ribbon-style-15 .mofix-ribbon15:before,.mofix-ribbon-box.ribbon-style-15 .mofix-ribbon15:after{content:'';position:absolute;top:0;width:10px;height:10px;background:var(--mofix-ribbon-bg2)} .mofix-ribbon-box.ribbon-style-15 .mofix-ribbon15:before{left:-10px;clip-path:polygon(100% 0,0 0,100% 100%)} .mofix-ribbon-box.ribbon-style-15 .mofix-ribbon15:after{right:-10px;clip-path:polygon(0 0,0 100%,100% 0)} .mofix-ribbon-box.ribbon-style-16 .mofix-ribbon16{position:absolute;top:16px;left:16px;display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;background:rgba(15,23,42,.88);color:var(--mofix-ribbon-color);border:1px solid color-mix(in srgb,var(--mofix-ribbon-bg1) 55%, transparent);border-radius:12px;backdrop-filter:blur(10px);box-shadow:0 12px 22px rgba(15,23,42,.18);font-size:13px;font-weight:700} .mofix-ribbon-box.ribbon-style-16 .mofix-ribbon16:before{content:'';width:8px;height:8px;border-radius:999px;background:linear-gradient(135deg,var(--mofix-ribbon-bg1),var(--mofix-ribbon-bg2));margin-right:8px;box-shadow:0 0 0 3px rgba(255,255,255,.08)} /* 2.10.6 ribbon additions */ .mofix-ribbon-box.ribbon-style-17 .mofix-ribbon17{position:absolute;top:18px;left:18px;padding:8px 14px;background:linear-gradient(135deg,var(--mofix-ribbon-bg1),var(--mofix-ribbon-bg2));color:var(--mofix-ribbon-color);border-radius:999px;box-shadow:0 12px 24px rgba(15,23,42,.18);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase} .mofix-ribbon-box.ribbon-style-18 .mofix-ribbon18{position:absolute;top:16px;right:16px;padding:9px 12px;background:rgba(255,255,255,.08);border:1px dashed color-mix(in srgb,var(--mofix-ribbon-bg1) 65%, transparent);color:var(--mofix-ribbon-color);border-radius:12px;backdrop-filter:blur(10px);box-shadow:0 10px 22px rgba(15,23,42,.16);font-size:12px;font-weight:700} .mofix-ribbon-box.ribbon-style-19 .mofix-ribbon19{position:absolute;top:0;right:18px;padding:12px 16px 10px;background:linear-gradient(180deg,var(--mofix-ribbon-bg1),var(--mofix-ribbon-bg2));color:var(--mofix-ribbon-color);border-radius:0 0 18px 18px;box-shadow:0 12px 22px rgba(15,23,42,.18);font-size:12px;font-weight:800} .mofix-ribbon-box.ribbon-style-20 .mofix-ribbon20{position:absolute;top:18px;left:18px;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:color-mix(in srgb,var(--mofix-ribbon-bg1) 78%, transparent);color:var(--mofix-ribbon-color);border:1px solid color-mix(in srgb,var(--mofix-ribbon-bg2) 70%, transparent);border-radius:10px;box-shadow:0 10px 22px rgba(15,23,42,.16);font-size:12px;font-weight:700}.mofix-ribbon-box.ribbon-style-20 .mofix-ribbon20:before{content:"✦";font-size:11px;color:var(--mofix-ribbon-bg2)} /* 2.10.7 responsive cleanup + distinct ribbons */ .mofix-pricing-table .mofix-carousel-shell{padding-left:12px!important;padding-right:12px!important} .mofix-pricing-table .mofix-carousel-viewport{padding-left:0!important;padding-right:0!important;scroll-padding-left:0!important;scroll-padding-right:0!important} .mofix-pricing-table .mofix-pricing-cards{min-width:0!important} @media (min-width:1025px){ .mofix-pricing-table .mofix-pricing-card{scroll-margin-left:12px;scroll-margin-right:12px} } @media (max-width:1024px){ .mofix-pricing-table .mofix-carousel-shell{padding-left:0!important;padding-right:0!important;overflow:hidden!important} .mofix-pricing-table .mofix-carousel-viewport{overflow:hidden!important;padding-left:0!important;padding-right:0!important} } @media (max-width:700px){ .mofix-pricing-table .mofix-pricing-container{padding-inline:0!important;overflow:hidden!important} .mofix-pricing-table .mofix-carousel-shell{padding-left:0!important;padding-right:0!important;overflow:hidden!important} .mofix-pricing-table .mofix-carousel-viewport{overflow:hidden!important;padding-left:0!important;padding-right:0!important;scroll-snap-type:x mandatory!important} .mofix-pricing-table .mofix-pricing-cards{display:flex!important;flex-wrap:nowrap!important;gap:0!important;overflow:visible!important;min-width:0!important} .mofix-pricing-table .mofix-pricing-card{margin:0!important;scroll-snap-align:start!important;scroll-snap-stop:always!important} } @media (min-width:701px) and (max-width:1024px){ .mofix-pricing-table .mofix-pricing-cards{display:flex!important;flex-wrap:nowrap!important;overflow:visible!important} } .mofix-ribbon-box.ribbon-style-17 .mofix-ribbon17{position:absolute;top:14px;right:-34px;display:inline-flex;align-items:center;justify-content:center;min-width:150px;padding:9px 18px;background:linear-gradient(135deg,var(--mofix-ribbon-bg1),var(--mofix-ribbon-bg2));color:var(--mofix-ribbon-color);transform:rotate(38deg);box-shadow:0 14px 26px rgba(15,23,42,.22);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase} .mofix-ribbon-box.ribbon-style-18 .mofix-ribbon18{position:absolute;top:20px;left:0;display:inline-flex;align-items:center;justify-content:center;writing-mode:vertical-rl;text-orientation:mixed;padding:14px 8px;background:rgba(15,23,42,.9);color:var(--mofix-ribbon-color);border-left:4px solid var(--mofix-ribbon-bg1);border-radius:0 12px 12px 0;box-shadow:0 12px 24px rgba(15,23,42,.2);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase} .mofix-ribbon-box.ribbon-style-19 .mofix-ribbon19{position:absolute;top:18px;right:18px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;height:36px;background:linear-gradient(135deg,var(--mofix-ribbon-bg1),var(--mofix-ribbon-bg2));color:var(--mofix-ribbon-color);clip-path:polygon(12px 0,100% 0,100% 100%,12px 100%,0 50%);box-shadow:0 12px 22px rgba(15,23,42,.2);font-size:12px;font-weight:800;letter-spacing:.04em} .mofix-ribbon-box.ribbon-style-20 .mofix-ribbon20{position:absolute;top:16px;left:16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;background:rgba(255,255,255,.96);color:color-mix(in srgb,var(--mofix-ribbon-bg1) 72%, #111827);border:2px solid color-mix(in srgb,var(--mofix-ribbon-bg1) 62%, transparent);border-radius:999px;box-shadow:0 14px 28px rgba(15,23,42,.14);font-size:12px;font-weight:800} .mofix-ribbon-box.ribbon-style-20 .mofix-ribbon20:before{content:'';width:10px;height:10px;border-radius:2px;background:linear-gradient(135deg,var(--mofix-ribbon-bg1),var(--mofix-ribbon-bg2));transform:rotate(45deg)} /* 2.10.8 mobile containment + ribbon cleanup */ @media (max-width:700px){ .mofix-pricing-table .mofix-pricing-container{overflow:hidden!important} .mofix-pricing-table .mofix-carousel-shell{position:relative!important;padding-left:0!important;padding-right:0!important;overflow:hidden!important} .mofix-pricing-table .mofix-carousel-viewport{overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y pinch-zoom!important;overscroll-behavior-x:contain!important;overscroll-behavior-y:auto!important} .mofix-pricing-table .mofix-pricing-cards{align-items:stretch!important} .mofix-pricing-table .mofix-carousel-arrow{top:50%!important;transform:translateY(-50%)!important;z-index:5!important} } @media (min-width:701px) and (max-width:1024px){ .mofix-pricing-table .mofix-carousel-viewport{overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain!important} } /* 2.10.9 responsive hard-fix + final ribbon set */ .mofix-pricing-table .mofix-carousel-shell{padding-left:12px!important;padding-right:12px!important;box-sizing:border-box!important} .mofix-pricing-table .mofix-carousel-viewport, .mofix-pricing-table .mofix-pricing-cards, .mofix-pricing-table .mofix-pricing-card{box-sizing:border-box!important} @media (max-width:700px){ .mofix-pricing-table .mofix-pricing-container{padding-inline:0!important;overflow:hidden!important} .mofix-pricing-table .mofix-carousel-shell{padding-left:12px!important;padding-right:12px!important;overflow:hidden!important} .mofix-pricing-table .mofix-carousel-viewport{overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scroll-padding-left:0!important;scroll-padding-right:0!important;overscroll-behavior-x:contain!important;-webkit-overflow-scrolling:touch!important} .mofix-pricing-table .mofix-pricing-cards{display:flex!important;flex-wrap:nowrap!important;gap:0!important;min-width:0!important;overflow:visible!important} .mofix-pricing-table .mofix-pricing-card{width:100%!important;min-width:100%!important;max-width:100%!important;flex:0 0 100%!important;margin:0!important;scroll-snap-align:start!important;scroll-snap-stop:always!important} .mofix-pricing-table .mofix-carousel-arrow.prev{left:4px!important} .mofix-pricing-table .mofix-carousel-arrow.next{right:4px!important} } @media (min-width:701px) and (max-width:1024px){ .mofix-pricing-table .mofix-carousel-shell{padding-left:12px!important;padding-right:12px!important;overflow:hidden!important} .mofix-pricing-table .mofix-carousel-viewport{overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain!important} } .mofix-ribbon-box.ribbon-style-7 .mofix-ribbon7{position:absolute;top:14px;right:-34px;display:inline-flex;align-items:center;justify-content:center;min-width:150px;padding:9px 18px;background:linear-gradient(135deg,var(--mofix-ribbon-bg1),var(--mofix-ribbon-bg2));color:var(--mofix-ribbon-color);transform:rotate(38deg);box-shadow:0 14px 26px rgba(15,23,42,.22);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase} .mofix-ribbon-box.ribbon-style-8 .mofix-ribbon8{position:absolute;top:18px;right:18px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;height:36px;background:linear-gradient(135deg,var(--mofix-ribbon-bg1),var(--mofix-ribbon-bg2));color:var(--mofix-ribbon-color);clip-path:polygon(12px 0,100% 0,100% 100%,12px 100%,0 50%);box-shadow:0 12px 22px rgba(15,23,42,.2);font-size:12px;font-weight:800;letter-spacing:.04em} .mofix-ribbon-box.ribbon-style-9 .mofix-ribbon9{position:absolute;top:16px;left:16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;background:rgba(255,255,255,.96);color:color-mix(in srgb,var(--mofix-ribbon-bg1) 72%, #111827);border:2px solid color-mix(in srgb,var(--mofix-ribbon-bg1) 62%, transparent);border-radius:999px;box-shadow:0 14px 28px rgba(15,23,42,.14);font-size:12px;font-weight:800} .mofix-ribbon-box.ribbon-style-9 .mofix-ribbon9:before{content:'';width:10px;height:10px;border-radius:2px;background:linear-gradient(135deg,var(--mofix-ribbon-bg1),var(--mofix-ribbon-bg2));transform:rotate(45deg)} /* 2.10.12 mobile full-bleed + ribbon fixes */ .mofix-toggle-container{position:relative;z-index:8} .mofix-carousel-shell{position:relative;z-index:1;margin-top:10px} @media (max-width:700px){ .mofix-pricing-table{display:block;width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important} .mofix-pricing-table .mofix-pricing-container{max-width:none!important;border-radius:0!important} .mofix-pricing-table .mofix-pricing-header,.mofix-pricing-table .mofix-toggle-container,.mofix-pricing-table .mofix-pricing-guarantee,.mofix-pricing-table .mofix-faq-link,.mofix-pricing-table .mofix-faq-link-static{padding-inline:16px!important} .mofix-pricing-table .mofix-carousel-shell{padding-left:0!important;padding-right:0!important;margin-top:8px} .mofix-pricing-table .mofix-carousel-viewport{padding-left:0!important;padding-right:0!important} } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap{width:148px;height:100px;position:absolute;top:0;right:0;overflow:hidden;pointer-events:none} .mofix-ribbon-box.ribbon-style-6 .mofix-wrap:before{top:0;right:16px;width:46px;height:10px;background:var(--mofix-ribbon-bg2);border-radius:0 0 10px 10px;opacity:.96} .mofix-ribbon-box.ribbon-style-6 .mofix-wrap:after{top:16px;right:0;width:10px;height:44px;background:var(--mofix-ribbon-bg2);border-radius:10px 0 0 10px;opacity:.96} .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6{width:170px;height:38px;line-height:38px;position:absolute;top:23px;right:-40px;z-index:2;overflow:hidden;transform:rotate(45deg);border:1px dashed rgba(255,255,255,.75);box-shadow:0 0 0 3px var(--mofix-ribbon-bg1),0 16px 22px -18px rgba(0,0,0,.55);background:var(--mofix-ribbon-bg1);color:var(--mofix-ribbon-color);text-align:center;font-size:14px} .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6:before{content:"";position:absolute;left:-24px;top:0;width:28px;height:38px;background:var(--mofix-card-bg,var(--mofix-section-bg,#fff));clip-path:polygon(0 0,100% 50%,0 100%);z-index:3;box-shadow:1px 0 0 rgba(255,255,255,.05)} .mofix-ribbon-box.ribbon-style-8{overflow:hidden;border-radius:inherit} .mofix-ribbon-box.ribbon-style-8 .mofix-ribbon8{position:absolute;top:16px;left:-26px;right:auto;display:inline-flex;align-items:center;justify-content:center;min-width:132px;height:38px;padding:0 18px 0 30px;background:linear-gradient(135deg,var(--mofix-ribbon-bg1),var(--mofix-ribbon-bg2));color:var(--mofix-ribbon-color);transform:rotate(-35deg);box-shadow:0 10px 20px rgba(15,23,42,.18);font-size:13px;font-weight:700} .mofix-ribbon-box.ribbon-style-8 .mofix-ribbon8:before{content:"";position:absolute;left:14px;bottom:-8px;border-top:8px solid color-mix(in srgb,var(--mofix-ribbon-bg2) 78%, #111827);border-left:8px solid transparent} .mofix-ribbon-box.ribbon-style-8 .mofix-ribbon8:after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.65);box-shadow:0 0 0 2px rgba(15,23,42,.12) inset} /* 2.10.14 Tag Ribbon final fix */ .mofix-ribbon-box.ribbon-style-8{z-index:3;} .mofix-ribbon-box.ribbon-style-8 .mofix-ribbon8{ position:absolute; top:18px; left:-10px; right:auto; display:inline-flex; align-items:center; justify-content:center; min-width:132px; height:38px; padding:0 18px 0 26px; background:linear-gradient(135deg,var(--mofix-ribbon-bg1),var(--mofix-ribbon-bg2)); color:var(--mofix-ribbon-color); transform:rotate(-35deg); transform-origin:left center; box-shadow:0 10px 20px rgba(15,23,42,.18); font-size:13px; font-weight:700; overflow:visible; z-index:3; } .mofix-ribbon-box.ribbon-style-8 .mofix-ribbon8::before{ content:""; position:absolute; left:-8px; top:0; width:18px; height:100%; background:linear-gradient(180deg, rgba(15,23,42,.55), rgba(15,23,42,.15)); clip-path:polygon(100% 0, 0 50%, 100% 100%); z-index:-1; } .mofix-ribbon-box.ribbon-style-8 .mofix-ribbon8::after{ content:""; position:absolute; right:-14px; top:0; width:0; height:0; border-top:19px solid transparent; border-bottom:19px solid transparent; border-left:14px solid color-mix(in srgb,var(--mofix-ribbon-bg2) 75%, transparent); } /* 2.10.15 mobile offset + light card depth + tag ribbon restore */ @media (max-width:700px){ .mofix-pricing-table{ width:100%!important; max-width:100%!important; margin-left:0!important; margin-right:0!important; overflow-x:hidden!important; } .mofix-pricing-table .mofix-pricing-container{ width:100%!important; max-width:100%!important; margin-left:0!important; margin-right:0!important; border-radius:0!important; overflow-x:hidden!important; } .mofix-pricing-table .mofix-carousel-shell{ width:100%!important; max-width:100%!important; overflow:hidden!important; padding-left:0!important; padding-right:0!important; } .mofix-pricing-table .mofix-carousel-viewport{ width:100%!important; max-width:100%!important; overflow-x:hidden!important; overflow-y:visible!important; padding-left:0!important; padding-right:0!important; scroll-padding-left:0!important; scroll-padding-right:0!important; } .mofix-pricing-table .mofix-pricing-cards{ width:max-content!important; min-width:100%!important; } } .mofix-pricing-table[data-mode='light'] .mofix-pricing-card{ border:1px solid rgba(148,163,184,.28)!important; box-shadow:0 14px 34px rgba(15,23,42,.10), 0 3px 10px rgba(15,23,42,.05)!important; } .mofix-pricing-table[data-mode='light'] .mofix-pricing-card:before{ opacity:1!important; } .mofix-pricing-table[data-mode='light'] .mofix-pricing-card:hover{ box-shadow:0 18px 42px rgba(15,23,42,.14), 0 5px 14px rgba(15,23,42,.08)!important; } .mofix-ribbon-box.ribbon-style-8{ overflow:hidden!important; border-radius:inherit; z-index:6; } .mofix-ribbon-box.ribbon-style-8 .mofix-ribbon8{ position:absolute!important; top:14px!important; left:-6px!important; right:auto!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; min-width:128px!important; height:34px!important; padding:0 18px 0 24px!important; background:linear-gradient(135deg,var(--mofix-ribbon-bg1),var(--mofix-ribbon-bg2))!important; color:var(--mofix-ribbon-color)!important; transform:none!important; clip-path:polygon(0 0,88% 0,100% 50%,88% 100%,0 100%,10px 50%)!important; box-shadow:0 10px 18px rgba(15,23,42,.18)!important; font-size:12px!important; font-weight:800!important; letter-spacing:.03em!important; overflow:visible!important; z-index:2!important; } .mofix-ribbon-box.ribbon-style-8 .mofix-ribbon8::before{ content:""!important; position:absolute!important; left:0!important; bottom:-7px!important; width:12px!important; height:12px!important; background:color-mix(in srgb,var(--mofix-ribbon-bg2) 72%, #111827)!important; clip-path:polygon(0 0,100% 0,100% 100%)!important; z-index:-1!important; filter:brightness(.82)!important; } .mofix-ribbon-box.ribbon-style-8 .mofix-ribbon8::after{ content:""!important; position:absolute!important; right:0!important; top:0!important; width:0!important; height:0!important; border-top:17px solid transparent!important; border-bottom:17px solid transparent!important; border-left:14px solid color-mix(in srgb,var(--mofix-ribbon-bg2) 80%, transparent)!important; } /* 2.10.17 mobile alignment + clean tag ribbon */ @media (max-width:700px){ .mofix-pricing-table{ display:block!important; width:100vw!important; max-width:100vw!important; margin-left:calc(50% - 50vw)!important; margin-right:calc(50% - 50vw)!important; padding-left:0!important; padding-right:0!important; overflow-x:hidden!important; } .mofix-pricing-table .mofix-pricing-container{ width:100vw!important; max-width:100vw!important; margin:0!important; border-radius:0!important; overflow-x:hidden!important; } .mofix-pricing-table .mofix-pricing-header, .mofix-pricing-table .mofix-toggle-container, .mofix-pricing-table .mofix-pricing-guarantee, .mofix-pricing-table .mofix-faq-link, .mofix-pricing-table .mofix-faq-link-static{padding-inline:16px!important;} .mofix-pricing-table .mofix-carousel-shell, .mofix-pricing-table .mofix-carousel-viewport{padding-left:0!important;padding-right:0!important;overflow:hidden!important;} } .mofix-ribbon-box.ribbon-style-8{ overflow:visible!important; border-radius:inherit; z-index:6; } .mofix-ribbon-box.ribbon-style-8 .mofix-ribbon8{ position:absolute!important; top:12px!important; left:0!important; right:auto!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; min-width:124px!important; height:34px!important; padding:0 18px 0 16px!important; background:linear-gradient(135deg,var(--mofix-ribbon-bg1),var(--mofix-ribbon-bg2))!important; color:var(--mofix-ribbon-color)!important; transform:none!important; transform-origin:left center!important; border-radius:0 8px 8px 0!important; clip-path:polygon(0 0,88% 0,100% 50%,88% 100%,0 100%)!important; box-shadow:0 8px 16px rgba(15,23,42,.18)!important; font-size:12px!important; font-weight:800!important; letter-spacing:.02em!important; overflow:visible!important; z-index:2!important; isolation:isolate; } .mofix-ribbon-box.ribbon-style-8 .mofix-ribbon8::before{ content:""!important; position:absolute!important; left:0!important; bottom:-8px!important; width:12px!important; height:8px!important; background:color-mix(in srgb,var(--mofix-ribbon-bg2) 72%, #111827)!important; clip-path:polygon(0 0,100% 0,0 100%)!important; z-index:-1!important; filter:brightness(.82)!important; } .mofix-ribbon-box.ribbon-style-8 .mofix-ribbon8::after{ content:none!important; } /* 2.10.18 mobile centering + cleaner tag ribbon */ @media (max-width:700px){ .mofix-pricing-table, .elementor-widget-shortcode .mofix-pricing-table, .wpb_wrapper .mofix-pricing-table, .vc_shortcode-output .mofix-pricing-table{ display:block!important; width:100%!important; max-width:100%!important; min-width:0!important; margin:0 auto!important; padding-left:0!important; padding-right:0!important; left:auto!important; right:auto!important; transform:none!important; overflow-x:hidden!important; box-sizing:border-box!important; } .mofix-pricing-table .mofix-pricing-container, .elementor-widget-shortcode .mofix-pricing-table .mofix-pricing-container, .wpb_wrapper .mofix-pricing-table .mofix-pricing-container, .vc_shortcode-output .mofix-pricing-table .mofix-pricing-container{ width:100%!important; max-width:100%!important; min-width:0!important; margin:0 auto!important; padding-left:0!important; padding-right:0!important; border-radius:0!important; overflow-x:hidden!important; box-sizing:border-box!important; } .mofix-pricing-table .mofix-pricing-header, .mofix-pricing-table .mofix-toggle-container, .mofix-pricing-table .mofix-pricing-guarantee, .mofix-pricing-table .mofix-faq-link, .mofix-pricing-table .mofix-faq-link-static{ padding-left:16px!important; padding-right:16px!important; box-sizing:border-box!important; } .mofix-pricing-table .mofix-carousel-shell, .mofix-pricing-table .mofix-carousel-viewport, .mofix-pricing-table .mofix-pricing-cards{ width:100%!important; max-width:100%!important; min-width:0!important; margin:0!important; padding-left:0!important; padding-right:0!important; box-sizing:border-box!important; } } .mofix-ribbon-box.ribbon-style-8{ overflow:visible!important; z-index:6!important; } .mofix-ribbon-box.ribbon-style-8 .mofix-ribbon8{ position:absolute!important; top:12px!important; left:0!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; min-width:128px!important; height:34px!important; padding:0 22px 0 18px!important; background:linear-gradient(135deg,var(--mofix-ribbon-bg1),var(--mofix-ribbon-bg2))!important; color:var(--mofix-ribbon-color)!important; border-radius:0 8px 8px 0!important; clip-path:polygon(0 0,88% 0,100% 50%,88% 100%,0 100%)!important; box-shadow:0 8px 16px rgba(15,23,42,.18)!important; font-size:12px!important; font-weight:800!important; letter-spacing:.02em!important; transform:none!important; overflow:visible!important; z-index:2!important; isolation:isolate!important; } .mofix-ribbon-box.ribbon-style-8 .mofix-ribbon8::before{ content:""!important; position:absolute!important; left:-10px!important; top:0!important; width:10px!important; height:100%!important; background:color-mix(in srgb,var(--mofix-ribbon-bg2) 68%, #111827)!important; clip-path:polygon(100% 0,0 50%,100% 100%)!important; z-index:-1!important; filter:brightness(.82)!important; } .mofix-ribbon-box.ribbon-style-8 .mofix-ribbon8::after{ content:none!important; } /* 2.10.19 final folded corner + centered price */ .mofix-price-row{justify-content:center!important;} .mofix-ribbon-box.ribbon-style-6{inset:0;overflow:hidden;border-radius:inherit;z-index:4;} .mofix-ribbon-box.ribbon-style-6 .mofix-wrap{position:absolute;top:0;right:0;width:150px;height:112px;overflow:hidden;pointer-events:none;} .mofix-ribbon-box.ribbon-style-6 .mofix-wrap:before{content:"";position:absolute;top:18px;right:10px;width:18px;height:18px;background:color-mix(in srgb,var(--mofix-ribbon-bg2) 82%, #111827);clip-path:polygon(0 0,100% 0,100% 100%);z-index:1;opacity:.95;} .mofix-ribbon-box.ribbon-style-6 .mofix-wrap:after{content:"";position:absolute;top:0;right:0;width:150px;height:112px;background:transparent;pointer-events:none;} .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6{position:absolute;top:18px;right:-34px;width:170px;height:38px;display:flex;align-items:center;justify-content:center;padding:0 16px;background:linear-gradient(135deg,var(--mofix-ribbon-bg1),var(--mofix-ribbon-bg2));color:var(--mofix-ribbon-color);transform:rotate(45deg);box-shadow:0 10px 22px rgba(15,23,42,.22);font-size:13px;font-weight:800;letter-spacing:.02em;border:none!important;outline:none!important;} .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6:before{content:"";position:absolute;left:-18px;top:0;width:24px;height:38px;background:color-mix(in srgb,var(--mofix-ribbon-bg2) 82%, #111827);clip-path:polygon(100% 0,0 50%,100% 100%);z-index:-1;} .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6:after{content:"";position:absolute;right:8px;top:50%;transform:translateY(-50%);width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.55);box-shadow:0 0 0 2px rgba(15,23,42,.10) inset;} /* 2.10.22 folded corner rebuilt to match reference */ .mofix-price-row{justify-content:center!important;} .mofix-ribbon-box.ribbon-style-6{ position:absolute!important; inset:0!important; overflow:hidden!important; border-radius:inherit!important; pointer-events:none!important; z-index:6!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap{ position:absolute!important; top:0!important; right:0!important; width:154px!important; height:118px!important; overflow:hidden!important; pointer-events:none!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap:before, .mofix-ribbon-box.ribbon-style-6 .mofix-wrap:after{ content:""!important; position:absolute!important; pointer-events:none!important; } /* folded start on the left, tucked behind the card */ .mofix-ribbon-box.ribbon-style-6 .mofix-wrap:before{ left:0!important; top:20px!important; width:18px!important; height:34px!important; background:color-mix(in srgb,var(--mofix-ribbon-bg2) 88%, #111827)!important; clip-path:polygon(100% 0,0 50%,100% 100%)!important; z-index:1!important; } /* small lower-right folded flap */ .mofix-ribbon-box.ribbon-style-6 .mofix-wrap:after{ right:0!important; top:56px!important; width:14px!important; height:24px!important; background:color-mix(in srgb,var(--mofix-ribbon-bg2) 92%, #111827)!important; clip-path:polygon(0 0,100% 16%,100% 100%,0 78%)!important; z-index:1!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6{ position:absolute!important; top:20px!important; right:-42px!important; width:174px!important; height:34px!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:0 18px!important; background:var(--mofix-ribbon-bg1)!important; color:var(--mofix-ribbon-color)!important; transform:rotate(45deg)!important; transform-origin:center center!important; border:none!important; outline:none!important; border-radius:0!important; box-shadow:0 8px 18px rgba(15,23,42,.18)!important; font-size:13px!important; font-weight:800!important; letter-spacing:.02em!important; line-height:1!important; z-index:2!important; overflow:visible!important; } /* no broken seams or tape-like pseudo pieces on the ribbon itself */ .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6:before, .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6:after{ content:none!important; } /* 2.10.24 verified light-toggle + folded-corner + mobile centering */ @media (max-width:700px){ .mofix-pricing-table{ width:100%!important; max-width:100%!important; margin-left:auto!important; margin-right:auto!important; left:auto!important; right:auto!important; transform:none!important; padding-left:0!important; padding-right:0!important; overflow-x:hidden!important; } .mofix-pricing-table .mofix-pricing-container{ width:100%!important; max-width:100%!important; margin-left:auto!important; margin-right:auto!important; overflow-x:hidden!important; } .mofix-pricing-table .mofix-carousel-shell, .mofix-pricing-table .mofix-carousel-viewport{ width:100%!important; max-width:100%!important; margin-left:0!important; margin-right:0!important; } } .mofix-pricing-table[data-mode='light'] .mofix-pricing-card{ border-color:rgba(148,163,184,.34)!important; box-shadow:0 14px 34px rgba(15,23,42,.10),0 2px 8px rgba(15,23,42,.06)!important; } /* folded corner matched closer to the provided reference */ .mofix-ribbon-box.ribbon-style-6{ position:absolute!important; inset:0!important; overflow:hidden!important; border-radius:inherit!important; pointer-events:none!important; z-index:6!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap{ position:absolute!important; top:0!important; right:0!important; width:156px!important; height:110px!important; overflow:hidden!important; pointer-events:none!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap:before{ content:none!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap:after{ content:""!important; position:absolute!important; right:0!important; top:53px!important; width:12px!important; height:24px!important; background:color-mix(in srgb,var(--mofix-ribbon-bg2) 88%, #111827)!important; clip-path:polygon(0 0,100% 18%,100% 100%,0 82%)!important; z-index:1!important; opacity:.96!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6{ position:absolute!important; top:18px!important; right:-38px!important; width:172px!important; height:36px!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:0 18px!important; background:linear-gradient(135deg,var(--mofix-ribbon-bg1),var(--mofix-ribbon-bg2))!important; color:var(--mofix-ribbon-color)!important; transform:rotate(45deg)!important; transform-origin:center center!important; border:none!important; outline:none!important; border-radius:0!important; box-shadow:0 10px 20px rgba(15,23,42,.20)!important; font-size:13px!important; font-weight:800!important; letter-spacing:.02em!important; line-height:1!important; z-index:2!important; overflow:visible!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6:before, .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6:after{ content:none!important; } /* 2.10.25 verified mobile centering + light toggle contrast */ @media (max-width:700px){ .mofix-pricing-table{display:block!important;width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;overflow:hidden!important;} .mofix-pricing-table .mofix-pricing-container{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;border-radius:20px!important;} .mofix-pricing-table .mofix-pricing-header,.mofix-pricing-table .mofix-toggle-container,.mofix-pricing-table .mofix-pricing-guarantee,.mofix-pricing-table .mofix-faq-link,.mofix-pricing-table .mofix-faq-link-static{padding-left:18px!important;padding-right:18px!important;} } .mofix-pricing-table[data-mode='light'] .mofix-toggle-text{color:#64748b!important;} .mofix-pricing-table[data-mode='light'] .mofix-toggle-text.active{color:#0f172a!important;} .mofix-pricing-table[data-mode='light'] .mofix-toggle-slider{border-color:rgba(15,23,42,.08)!important;} /* 2.10.26 folded corner placement + clean top-right corner */ .mofix-ribbon-box.ribbon-style-6{ position:absolute!important; top:0!important; right:0!important; left:auto!important; bottom:auto!important; width:118px!important; height:118px!important; overflow:hidden!important; border-radius:0 18px 0 0!important; pointer-events:none!important; z-index:7!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap{ position:absolute!important; inset:0!important; overflow:hidden!important; pointer-events:none!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap:before{ content:none!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap:after{ content:""!important; position:absolute!important; right:6px!important; top:66px!important; width:13px!important; height:26px!important; background:var(--mofix-ribbon-bg2)!important; clip-path:polygon(0 0,100% 14%,100% 86%,0 100%)!important; box-shadow:0 3px 8px rgba(15,23,42,.14)!important; z-index:1!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6{ position:absolute!important; top:20px!important; right:-38px!important; width:152px!important; height:34px!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:0 16px!important; background:linear-gradient(135deg,var(--mofix-ribbon-bg1),color-mix(in srgb,var(--mofix-ribbon-bg1) 74%, var(--mofix-ribbon-bg2) 26%))!important; color:var(--mofix-ribbon-color)!important; transform:rotate(45deg)!important; transform-origin:center center!important; border:none!important; outline:none!important; border-radius:0!important; box-shadow:0 8px 18px rgba(15,23,42,.18)!important; font-size:13px!important; font-weight:800!important; letter-spacing:.02em!important; line-height:1!important; white-space:nowrap!important; z-index:2!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6:before, .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6:after{ content:none!important; } /* 2.10.28 definitive folded-corner fix */ .mofix-ribbon-box.ribbon-style-6{ position:absolute!important; inset:0!important; overflow:hidden!important; border-radius:inherit!important; pointer-events:none!important; z-index:6!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap{ position:absolute!important; top:0!important; right:0!important; width:132px!important; height:132px!important; overflow:hidden!important; pointer-events:none!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap:before{ content:none!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap:after{ content:""!important; position:absolute!important; right:0!important; top:56px!important; width:14px!important; height:22px!important; background:var(--mofix-ribbon-bg2)!important; clip-path:polygon(0 0,100% 18%,100% 100%,0 74%)!important; border-radius:0 0 0 4px!important; z-index:1!important; opacity:1!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6{ position:absolute!important; top:22px!important; right:-44px!important; width:176px!important; height:34px!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:0 20px!important; background:linear-gradient(135deg,var(--mofix-ribbon-bg1) 0%, color-mix(in srgb,var(--mofix-ribbon-bg1) 76%, var(--mofix-ribbon-bg2) 24%) 100%)!important; color:var(--mofix-ribbon-color)!important; transform:rotate(45deg)!important; transform-origin:center center!important; box-shadow:0 0 0 1px rgba(255,255,255,.18) inset, 0 8px 18px rgba(15,23,42,.16)!important; border:none!important; outline:none!important; border-radius:0!important; clip-path:none!important; z-index:2!important; font-size:13px!important; font-weight:800!important; line-height:1!important; letter-spacing:.01em!important; text-align:center!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6:before, .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6:after{ content:none!important; } /* keep light toggle labels readable on light shells */ .mofix-pricing-wrap[data-theme="light"] .mofix-billing-toggle .mofix-billing-label, .mofix-pricing-wrap.light-mode .mofix-billing-toggle .mofix-billing-label, .mofix-pricing-wrap[data-preset-mode="light"] .mofix-billing-toggle .mofix-billing-label{ color:#1f2937!important; opacity:1!important; } /* 2.10.29 final folded corner + save-safe ribbon override */ .mofix-ribbon-box.ribbon-style-6{ position:absolute!important; inset:0!important; width:auto!important; height:auto!important; overflow:visible!important; pointer-events:none!important; z-index:8!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap{ position:absolute!important; top:0!important; right:0!important; width:150px!important; height:120px!important; overflow:visible!important; pointer-events:none!important; } /* small folded start where the ribbon begins on the top edge */ .mofix-ribbon-box.ribbon-style-6 .mofix-wrap:before{ content:''!important; position:absolute!important; top:13px!important; right:102px!important; width:0!important; height:0!important; border-top:13px solid color-mix(in srgb,var(--mofix-ribbon-bg1) 72%, #ffffff 28%)!important; border-right:13px solid transparent!important; z-index:1!important; opacity:.98!important; } /* little lower-right folded flap */ .mofix-ribbon-box.ribbon-style-6 .mofix-wrap:after{ content:''!important; position:absolute!important; top:63px!important; right:0!important; width:13px!important; height:18px!important; background:var(--mofix-ribbon-bg2)!important; clip-path:polygon(0 0,100% 18%,100% 100%,0 72%)!important; z-index:1!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6{ position:absolute!important; top:19px!important; right:-28px!important; width:146px!important; height:34px!important; display:flex!important; align-items:center!important; justify-content:center!important; transform:rotate(45deg)!important; transform-origin:center!important; background:var(--mofix-ribbon-bg1)!important; color:var(--mofix-ribbon-color)!important; font-size:13px!important; font-weight:700!important; line-height:1!important; padding:0 20px!important; border:none!important; border-radius:0!important; box-shadow:0 6px 12px rgba(15,23,42,.18)!important; z-index:2!important; overflow:hidden!important; } /* stitch lines like the reference */ .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6:before{ content:''!important; position:absolute!important; left:8px!important; right:8px!important; top:4px!important; border-top:1px dashed rgba(255,255,255,.55)!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6:after{ content:''!important; position:absolute!important; left:8px!important; right:8px!important; bottom:4px!important; border-bottom:1px dashed rgba(255,255,255,.55)!important; } /* 2.10.30 folded corner final override */ .mofix-ribbon-box.ribbon-style-6{ position:absolute!important; inset:0!important; overflow:hidden!important; border-radius:inherit!important; pointer-events:none!important; z-index:7!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap{ position:absolute!important; top:0!important; right:0!important; width:132px!important; height:132px!important; overflow:hidden!important; pointer-events:none!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap:before{ content:""!important; position:absolute!important; top:58px!important; right:0!important; width:12px!important; height:20px!important; background:var(--mofix-ribbon-bg2)!important; clip-path:polygon(0 0,100% 18%,100% 100%,0 72%)!important; z-index:1!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap:after{ content:""!important; position:absolute!important; top:0!important; right:16px!important; width:40px!important; height:9px!important; background:color-mix(in srgb,var(--mofix-ribbon-bg1) 82%, #ffffff 18%)!important; border-radius:0 0 8px 8px!important; opacity:.95!important; z-index:1!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6{ position:absolute!important; top:19px!important; right:-48px!important; width:176px!important; height:34px!important; display:flex!important; align-items:center!important; justify-content:center!important; transform:rotate(45deg)!important; transform-origin:center!important; padding:0 22px!important; background:linear-gradient(135deg,var(--mofix-ribbon-bg1) 0%, color-mix(in srgb,var(--mofix-ribbon-bg1) 76%, var(--mofix-ribbon-bg2) 24%) 100%)!important; color:var(--mofix-ribbon-color)!important; font-size:13px!important; font-weight:700!important; line-height:1!important; border:none!important; border-radius:0!important; box-shadow:0 10px 18px rgba(15,23,42,.18)!important; z-index:2!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6:before{ content:""!important; position:absolute!important; left:10px!important; right:10px!important; top:5px!important; border-top:1px solid rgba(255,255,255,.32)!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6:after{ content:""!important; position:absolute!important; left:10px!important; right:10px!important; bottom:5px!important; border-bottom:1px solid rgba(255,255,255,.24)!important; } /* 2.10.31 folded corner exact override */ .mofix-ribbon-box.ribbon-style-6{ position:absolute!important; inset:0!important; overflow:hidden!important; border-radius:inherit!important; pointer-events:none!important; z-index:8!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap{ position:absolute!important; top:0!important; right:0!important; width:124px!important; height:124px!important; overflow:hidden!important; pointer-events:none!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap:before{ content:""!important; position:absolute!important; top:62px!important; right:0!important; width:14px!important; height:28px!important; background:var(--mofix-ribbon-bg2)!important; clip-path:polygon(0 0,100% 12%,100% 100%,0 70%)!important; border-radius:0 0 6px 0!important; z-index:1!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap:after{ content:none!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6{ position:absolute!important; top:18px!important; right:-58px!important; width:152px!important; height:36px!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:0 18px!important; transform:rotate(45deg)!important; transform-origin:center!important; background: linear-gradient(135deg,var(--mofix-ribbon-bg1) 0%, color-mix(in srgb,var(--mofix-ribbon-bg1) 74%, #ffffff 26%) 100%) 0 0/100% 100% no-repeat, repeating-linear-gradient(90deg, rgba(255,255,255,.7) 0 4px, transparent 4px 7px) 14px 6px/calc(100% - 28px) 1px no-repeat, repeating-linear-gradient(90deg, rgba(255,255,255,.55) 0 4px, transparent 4px 7px) 14px calc(100% - 6px)/calc(100% - 28px) 1px no-repeat!important; color:var(--mofix-ribbon-color)!important; font-size:13px!important; font-weight:700!important; line-height:1!important; letter-spacing:.01em!important; border:none!important; border-radius:0!important; box-shadow:0 8px 16px rgba(15,23,42,.16)!important; clip-path:polygon(18px 0,100% 0,100% 100%,0 100%,0 18px)!important; z-index:2!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6:before, .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6:after{ content:none!important; } .mofix-pricing-table[data-mode='light'] .mofix-toggle-text{color:#334155!important;} .mofix-pricing-table[data-mode='light'] .mofix-toggle-text.active{color:#0f172a!important;} /* 2.10.32 folded corner simplified top-right reference-matching */ .mofix-ribbon-box.ribbon-style-6{ position:absolute!important; inset:0!important; pointer-events:none!important; z-index:6!important; border-radius:inherit!important; overflow:visible!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap{ position:absolute!important; top:0!important; right:0!important; width:148px!important; height:108px!important; overflow:hidden!important; pointer-events:none!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap::before{ content:none!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap::after{ content:""!important; position:absolute!important; top:56px!important; right:0!important; width:12px!important; height:18px!important; background:var(--mofix-ribbon-bg2)!important; clip-path:polygon(0 0,100% 18%,100% 100%,0 72%)!important; opacity:1!important; z-index:1!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6{ position:absolute!important; top:18px!important; right:-34px!important; width:160px!important; height:34px!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:0 18px!important; transform:rotate(45deg)!important; transform-origin:center!important; background:linear-gradient(135deg,var(--mofix-ribbon-bg1) 0%, color-mix(in srgb,var(--mofix-ribbon-bg1) 76%, #ffffff 24%) 100%)!important; color:var(--mofix-ribbon-color)!important; border:none!important; outline:none!important; box-shadow:none!important; font-size:13px!important; font-weight:700!important; line-height:1!important; letter-spacing:.01em!important; text-align:center!important; clip-path:none!important; z-index:2!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6::before, .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6::after{ content:none!important; } /* 2.10.33 final folded corner placement + light toggle contrast */ .mofix-ribbon-box.ribbon-style-6{ position:absolute!important; inset:0!important; pointer-events:none!important; z-index:8!important; overflow:visible!important; border-radius:inherit!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap{ position:absolute!important; top:0!important; right:0!important; width:132px!important; height:108px!important; overflow:hidden!important; pointer-events:none!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap::before{ content:none!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap::after{ content:""!important; position:absolute!important; right:0!important; top:58px!important; width:12px!important; height:18px!important; background:var(--mofix-ribbon-bg2)!important; clip-path:polygon(0 0,100% 16%,100% 100%,0 72%)!important; z-index:1!important; opacity:1!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6{ position:absolute!important; top:18px!important; right:-36px!important; width:164px!important; height:34px!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:0 20px!important; box-sizing:border-box!important; transform:rotate(45deg)!important; transform-origin:center!important; background:linear-gradient(135deg,var(--mofix-ribbon-bg1) 0%, color-mix(in srgb,var(--mofix-ribbon-bg1) 82%, #fff 18%) 100%)!important; color:var(--mofix-ribbon-color)!important; font-size:13px!important; font-weight:700!important; line-height:1!important; text-align:center!important; letter-spacing:0!important; border:none!important; outline:none!important; border-radius:0!important; box-shadow:none!important; clip-path:none!important; z-index:2!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6::before{ content:""!important; position:absolute!important; inset:2px!important; pointer-events:none!important; background: repeating-linear-gradient(90deg, rgba(255,255,255,.66) 0 2px, transparent 2px 7px) top 4px left 10px / calc(100% - 20px) 1px no-repeat, repeating-linear-gradient(90deg, rgba(255,255,255,.66) 0 2px, transparent 2px 7px) bottom 4px left 10px / calc(100% - 20px) 1px no-repeat!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6::after{ content:none!important; } .mofix-pricing-table[data-mode='light'] .mofix-toggle-text{ color:#64748b!important; } .mofix-pricing-table[data-mode='light'] .mofix-toggle-text.active{ color:#0f172a!important; } /* 2.10.34 verified folded corner override */ .mofix-ribbon-box.ribbon-style-6{ position:absolute!important; top:0!important; right:0!important; left:auto!important; width:128px!important; height:128px!important; overflow:hidden!important; pointer-events:none!important; z-index:8!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap{ position:absolute!important; inset:0!important; overflow:hidden!important; pointer-events:none!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap::before{ content:""!important; position:absolute!important; right:0!important; top:56px!important; width:12px!important; height:18px!important; background:var(--mofix-ribbon-bg2)!important; clip-path:polygon(0 0,100% 22%,100% 100%,0 70%)!important; z-index:1!important; opacity:1!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap::after{ content:""!important; position:absolute!important; top:21px!important; right:88px!important; width:0!important; height:0!important; border-top:16px solid transparent!important; border-right:16px solid color-mix(in srgb,var(--mofix-ribbon-bg1) 82%, #ffffff 18%)!important; border-bottom:16px solid transparent!important; z-index:2!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6{ position:absolute!important; top:18px!important; right:-34px!important; width:148px!important; height:34px!important; display:flex!important; align-items:center!important; justify-content:center!important; transform:rotate(45deg)!important; transform-origin:center!important; background:linear-gradient(135deg,var(--mofix-ribbon-bg1) 0%, color-mix(in srgb,var(--mofix-ribbon-bg1) 84%, #ffffff 16%) 100%)!important; color:var(--mofix-ribbon-color)!important; text-align:center!important; font-size:14px!important; font-weight:700!important; line-height:1!important; padding:0 22px!important; box-shadow:none!important; border:none!important; border-radius:0!important; clip-path:none!important; z-index:3!important; overflow:visible!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6::before{ content:""!important; position:absolute!important; inset:3px!important; border:1px dashed rgba(255,255,255,.42)!important; pointer-events:none!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6::after{ content:""!important; position:absolute!important; right:-1px!important; bottom:-8px!important; width:0!important; height:0!important; border-left:9px solid color-mix(in srgb,var(--mofix-ribbon-bg1) 55%, #6b21a8 45%)!important; border-top:8px solid transparent!important; z-index:-1!important; } /* 2.10.36 folded corner matched to provided screenshot */ .mofix-ribbon-box.ribbon-style-6{ position:absolute!important; top:0!important; right:0!important; left:auto!important; width:168px!important; height:132px!important; overflow:hidden!important; pointer-events:none!important; z-index:8!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap{ position:absolute!important; inset:0!important; overflow:hidden!important; pointer-events:none!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap::before, .mofix-ribbon-box.ribbon-style-6 .mofix-wrap::after{ content:none!important; display:none!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6{ position:absolute!important; top:16px!important; right:-48px!important; left:auto!important; width:190px!important; height:38px!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:0 24px!important; background:linear-gradient(135deg,var(--mofix-ribbon-bg1) 0%, color-mix(in srgb,var(--mofix-ribbon-bg1) 84%, #ffffff 16%) 100%)!important; color:var(--mofix-ribbon-color)!important; transform:rotate(45deg)!important; transform-origin:center!important; font-size:14px!important; font-weight:700!important; line-height:1!important; text-align:center!important; border:none!important; border-radius:0!important; box-shadow:0 8px 18px rgba(0,0,0,.10)!important; overflow:visible!important; z-index:3!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6::before{ content:""!important; position:absolute!important; inset:4px!important; border-top:2px dashed rgba(255,255,255,.82)!important; border-bottom:2px dashed rgba(255,255,255,.82)!important; pointer-events:none!important; opacity:.95!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6::after{ content:""!important; position:absolute!important; right:-2px!important; bottom:-9px!important; width:13px!important; height:20px!important; background:var(--mofix-ribbon-bg2)!important; clip-path:polygon(0 0,100% 20%,100% 100%,0 72%)!important; z-index:-1!important; box-shadow:-1px 1px 0 rgba(0,0,0,.08)!important; } /* 2.10.37 final folded corner override */ .mofix-ribbon-box.ribbon-style-6{ position:absolute!important; top:0!important; right:0!important; left:auto!important; width:156px!important; height:108px!important; overflow:hidden!important; pointer-events:none!important; z-index:8!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap{ position:absolute!important; inset:0!important; overflow:hidden!important; pointer-events:none!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap::before{ content:none!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap::after{ content:""!important; position:absolute!important; top:49px!important; right:0!important; width:15px!important; height:24px!important; background:var(--mofix-ribbon-bg2)!important; clip-path:polygon(100% 0, 0 28%, 100% 100%)!important; box-shadow:-1px 2px 4px rgba(0,0,0,.18)!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6{ position:absolute!important; top:18px!important; right:-34px!important; width:176px!important; height:40px!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:0 26px!important; transform:rotate(45deg)!important; transform-origin:center!important; background:linear-gradient(135deg,var(--mofix-ribbon-bg1) 0%, color-mix(in srgb,var(--mofix-ribbon-bg1) 84%, #ffffff 16%) 100%)!important; color:var(--mofix-ribbon-color)!important; font-size:13px!important; font-weight:800!important; line-height:1!important; letter-spacing:.01em!important; text-align:center!important; border:none!important; outline:none!important; box-shadow:0 10px 18px rgba(0,0,0,.12)!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6::before{ content:""!important; position:absolute!important; left:12px!important; right:12px!important; top:6px!important; border-top:1px dashed rgba(255,255,255,.78)!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6::after{ content:""!important; position:absolute!important; left:12px!important; right:12px!important; bottom:6px!important; border-top:1px dashed rgba(255,255,255,.78)!important; } /* 2.10.42 exact folded corner classic + corner curl */ .mofix-ribbon-box.ribbon-style-6{ position:absolute!important; top:0!important; right:0!important; left:auto!important; width:118px!important; height:118px!important; overflow:visible!important; pointer-events:none!important; z-index:8!important; opacity:var(--mofix-ribbon-opacity,1)!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap{ position:absolute!important; top:-8px!important; left:8px!important; width:110px!important; height:110px!important; overflow:hidden!important; pointer-events:none!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap::before, .mofix-ribbon-box.ribbon-style-6 .mofix-wrap::after{ content:""!important; position:absolute!important; display:block!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap::before{ width:40px!important; height:8px!important; right:50px!important; top:0!important; background:linear-gradient(to right,var(--mofix-ribbon-bg1) 1%,var(--mofix-ribbon-bg2) 45%)!important; border-radius:8px 8px 0 0!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap::after{ width:8px!important; height:40px!important; right:0!important; top:50px!important; background:linear-gradient(to bottom,var(--mofix-ribbon-bg2) 55%,var(--mofix-ribbon-bg1) 99%)!important; border-radius:0 8px 8px 0!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6{ position:absolute!important; top:30px!important; right:-50px!important; width:200px!important; height:40px!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:0 16px!important; overflow:hidden!important; transform:rotate(45deg)!important; transform-origin:center!important; z-index:2!important; text-align:center!important; line-height:40px!important; font-size:14px!important; font-weight:700!important; letter-spacing:.01em!important; white-space:nowrap!important; color:var(--mofix-ribbon-color)!important; border:1px dashed rgba(255,255,255,.85)!important; box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--mofix-ribbon-bg2) 82%, #000 18%), inset 0 0 0 4px rgba(0,0,0,.42), inset 0 0 0 5px rgba(255,255,255,.32), 0 21px 5px -18px rgba(0,0,0,.8)!important; background:linear-gradient(to right,var(--mofix-ribbon-bg2) 0%,var(--mofix-ribbon-bg1) 51%,color-mix(in srgb,var(--mofix-ribbon-bg2) 76%, #000 24%) 100%)!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6::before, .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6::after{ content:""!important; position:absolute!important; display:block!important; width:13px!important; height:72px!important; top:-13px!important; background:linear-gradient(to right,rgba(255,255,255,0) 1%,rgba(255,255,255,.55) 50%,rgba(255,255,255,0) 100%)!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6::before{ left:27px!important; transform:rotate(45deg)!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6::after{ left:154px!important; transform:rotate(-45deg)!important; } .mofix-ribbon-box.ribbon-style-17{ position:absolute!important; inset:0!important; pointer-events:none!important; z-index:8!important; opacity:var(--mofix-ribbon-opacity,1)!important; } .mofix-ribbon-box.ribbon-style-17 .mofix-corner-ribbon-wrap{ position:absolute!important; top:-10px!important; right:0!important; width:210px!important; height:210px!important; overflow:hidden!important; } .mofix-ribbon-box.ribbon-style-17 .mofix-corner-ribbon-wrap::before, .mofix-ribbon-box.ribbon-style-17 .mofix-corner-ribbon-wrap::after{ content:""!important; position:absolute!important; display:block!important; } .mofix-ribbon-box.ribbon-style-17 .mofix-corner-ribbon-wrap::before{ width:50px!important; height:10px!important; right:86px!important; top:0!important; background:linear-gradient(to right,var(--mofix-ribbon-bg1) 1%,var(--mofix-ribbon-bg2) 45%)!important; border-radius:10px 10px 0 0!important; } .mofix-ribbon-box.ribbon-style-17 .mofix-corner-ribbon-wrap::after{ width:10px!important; height:50px!important; right:0!important; top:85px!important; background:linear-gradient(to bottom,var(--mofix-ribbon-bg2) 55%,var(--mofix-ribbon-bg1) 99%)!important; border-radius:0 10px 10px 0!important; } .mofix-ribbon-box.ribbon-style-17 .mofix-ribbon17{ position:absolute!important; top:30px!important; right:-50px!important; width:200px!important; height:40px!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:0 16px!important; overflow:hidden!important; transform:rotate(45deg)!important; z-index:1!important; text-align:center!important; line-height:40px!important; font-size:14px!important; font-weight:700!important; color:var(--mofix-ribbon-color)!important; box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--mofix-ribbon-bg2) 82%, #000 18%), inset 0 0 0 4px rgba(0,0,0,.5), inset 0 0 0 5px rgba(255,255,255,.35), 0 21px 5px -18px rgba(0,0,0,.8)!important; background:linear-gradient(to right,color-mix(in srgb,var(--mofix-ribbon-bg2) 85%, #000 15%) 0%,var(--mofix-ribbon-bg1) 51%,color-mix(in srgb,var(--mofix-ribbon-bg2) 62%, #000 38%) 100%)!important; } .mofix-ribbon-box.ribbon-style-17 .mofix-ribbon17::before, .mofix-ribbon-box.ribbon-style-17 .mofix-ribbon17::after{ content:""!important; position:absolute!important; display:block!important; width:13px!important; height:72px!important; top:-13px!important; background:linear-gradient(to right,rgba(255,255,255,0) 1%,rgba(255,255,255,.6) 50%,rgba(255,255,255,0) 100%)!important; } .mofix-ribbon-box.ribbon-style-17 .mofix-ribbon17::before{ left:27px!important; transform:rotate(45deg)!important; } .mofix-ribbon-box.ribbon-style-17 .mofix-ribbon17::after{ left:154px!important; transform:rotate(-45deg)!important; } @media (max-width: 767px){ .mofix-ribbon-box.ribbon-style-6, .mofix-ribbon-box.ribbon-style-17{ transform:scale(.88); transform-origin:top right; } } /* 2.10.43 exact folded corner from user reference */ .mofix-ribbon-box.ribbon-style-6{ position:absolute; top:0; right:0; left:auto; width:200px; height:200px; overflow:hidden; pointer-events:none; z-index:8; opacity:var(--mofix-ribbon-opacity,1); } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap{ background:transparent; width:200px; height:200px; position:absolute; top:-10px; right:10px; left:auto; overflow:hidden; pointer-events:none; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap::before, .mofix-ribbon-box.ribbon-style-6 .mofix-wrap::after{ content:""; display:block; position:absolute; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap::before{ width:50px; height:10px; right:86px; top:0; border-radius:10px 10px 0 0; background:linear-gradient(to right, var(--mofix-ribbon-bg2) 1%, color-mix(in srgb,var(--mofix-ribbon-bg2) 35%, #000 65%) 45% ); } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap::after{ width:10px; height:50px; right:0; top:85px; border-radius:0 10px 10px 0; background:linear-gradient(to bottom, color-mix(in srgb,var(--mofix-ribbon-bg2) 35%, #000 65%) 55%, var(--mofix-ribbon-bg2) 99% ); } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6{ width:200px; height:40px; line-height:40px; position:absolute; top:30px; right:-50px; left:auto; z-index:1; overflow:hidden; display:block; padding:0 18px; transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); box-shadow: inset 0 0 0 3px color-mix(in srgb,var(--mofix-ribbon-bg1) 85%, #000 15%), inset 0 0 0 4px rgba(0,0,0,.5), inset 0 0 0 5px rgba(255,255,255,.4), 0 21px 5px -18px rgba(0,0,0,.8); background:linear-gradient(to right, color-mix(in srgb,var(--mofix-ribbon-bg1) 85%, #000 15%) 0%, var(--mofix-ribbon-bg1) 51%, var(--mofix-ribbon-bg2) 100% ); color:var(--mofix-ribbon-color); text-align:center; font-size:14px; font-weight:700; letter-spacing:.01em; white-space:nowrap; text-transform:none; border:none; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6::before, .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6::after{ content:""; display:block; width:13px; height:72px; position:absolute; top:-13px; background:linear-gradient(to right, rgba(255,255,255,0) 1%, rgba(255,255,255,.6) 50%, rgba(255,255,255,0) 100% ); } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6::before{ left:27px; transform:rotate(45deg); } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6::after{ left:154px; transform:rotate(-45deg); } /* 2.10.44 final folded corner exact scaled for card corner */ .mofix-ribbon-box.ribbon-style-6{ position:absolute!important; top:0!important; right:0!important; left:auto!important; width:96px!important; height:96px!important; overflow:hidden!important; pointer-events:none!important; z-index:12!important; opacity:var(--mofix-ribbon-opacity,1)!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap{ position:absolute!important; top:-5px!important; right:0!important; left:auto!important; width:96px!important; height:96px!important; overflow:hidden!important; pointer-events:none!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap::before, .mofix-ribbon-box.ribbon-style-6 .mofix-wrap::after, .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6::before, .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6::after{ content:""!important; position:absolute!important; display:block!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap::before{ width:24px!important; height:6px!important; right:36px!important; top:0!important; background:linear-gradient(to right,var(--mofix-ribbon-bg1) 1%,var(--mofix-ribbon-bg2) 45%)!important; border-radius:6px 6px 0 0!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap::after{ width:6px!important; height:24px!important; right:0!important; top:36px!important; background:linear-gradient(to bottom,var(--mofix-ribbon-bg2) 55%,var(--mofix-ribbon-bg1) 99%)!important; border-radius:0 6px 6px 0!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6{ position:absolute!important; top:21px!important; right:-39px!important; width:145px!important; height:30px!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:0 10px!important; overflow:hidden!important; transform:rotate(45deg)!important; transform-origin:center!important; z-index:2!important; text-align:center!important; line-height:30px!important; font-size:12px!important; font-weight:700!important; letter-spacing:0!important; white-space:nowrap!important; color:var(--mofix-ribbon-color)!important; border:1px dashed rgba(255,255,255,.72)!important; box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--mofix-ribbon-bg2) 82%, #000 18%), inset 0 0 0 3px rgba(0,0,0,.38), inset 0 0 0 4px rgba(255,255,255,.24), 0 14px 4px -12px rgba(0,0,0,.72)!important; background:linear-gradient(to right,var(--mofix-ribbon-bg2) 0%,var(--mofix-ribbon-bg1) 51%,color-mix(in srgb,var(--mofix-ribbon-bg2) 76%, #000 24%) 100%)!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6::before, .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6::after{ width:9px!important; height:54px!important; top:-10px!important; background:linear-gradient(to right,rgba(255,255,255,0) 1%,rgba(255,255,255,.48) 50%,rgba(255,255,255,0) 100%)!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6::before{ left:20px!important; transform:rotate(45deg)!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6::after{ left:111px!important; transform:rotate(-45deg)!important; } /* 2.10.45 refined folded corner for pricing cards */ .mofix-ribbon-box.ribbon-style-6{ position:absolute!important; top:0!important; right:0!important; left:auto!important; width:74px!important; height:74px!important; overflow:hidden!important; pointer-events:none!important; z-index:12!important; opacity:var(--mofix-ribbon-opacity,1)!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap{ position:absolute!important; top:-4px!important; right:0!important; left:auto!important; width:74px!important; height:74px!important; overflow:hidden!important; background:transparent!important; pointer-events:none!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap::before, .mofix-ribbon-box.ribbon-style-6 .mofix-wrap::after, .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6::before, .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6::after{ content:""!important; position:absolute!important; display:block!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap::before{ width:19px!important; height:4px!important; right:27px!important; top:0!important; background:linear-gradient(to right,var(--mofix-ribbon-bg1) 1%,var(--mofix-ribbon-bg2) 45%)!important; border-radius:4px 4px 0 0!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap::after{ width:4px!important; height:19px!important; right:0!important; top:27px!important; background:linear-gradient(to bottom,var(--mofix-ribbon-bg2) 55%,var(--mofix-ribbon-bg1) 99%)!important; border-radius:0 4px 4px 0!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6{ position:absolute!important; top:15px!important; right:-31px!important; width:110px!important; height:22px!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:0 8px!important; overflow:hidden!important; transform:rotate(45deg)!important; transform-origin:center!important; z-index:2!important; text-align:center!important; line-height:22px!important; font-size:10px!important; font-weight:700!important; letter-spacing:0!important; white-space:nowrap!important; color:var(--mofix-ribbon-color)!important; border:none!important; box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--mofix-ribbon-bg2) 84%, #000 16%), inset 0 0 0 3px rgba(0,0,0,.34), inset 0 0 0 4px rgba(255,255,255,.18), 0 10px 4px -9px rgba(0,0,0,.72)!important; background:linear-gradient(to right,color-mix(in srgb,var(--mofix-ribbon-bg2) 84%, #000 16%) 0%,var(--mofix-ribbon-bg1) 51%,color-mix(in srgb,var(--mofix-ribbon-bg2) 72%, #000 28%) 100%)!important; text-shadow:none!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6::before, .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6::after{ width:6px!important; height:36px!important; top:-7px!important; background:linear-gradient(to right,rgba(255,255,255,0) 1%,rgba(255,255,255,.38) 50%,rgba(255,255,255,0) 100%)!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6::before{ left:15px!important; transform:rotate(45deg)!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6::after{ left:84px!important; transform:rotate(-45deg)!important; } /* 2.10.46 final folded corner size correction */ .mofix-ribbon-box.ribbon-style-6{ position:absolute!important; top:0!important; right:0!important; left:auto!important; width:86px!important; height:86px!important; overflow:visible!important; pointer-events:none!important; z-index:8!important; opacity:var(--mofix-ribbon-opacity,1)!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap{ position:absolute!important; top:-6px!important; left:6px!important; width:80px!important; height:80px!important; overflow:hidden!important; pointer-events:none!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap::before, .mofix-ribbon-box.ribbon-style-6 .mofix-wrap::after{ content:""!important; position:absolute!important; display:block!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap::before{ width:30px!important; height:6px!important; right:36px!important; top:0!important; background:linear-gradient(to right,var(--mofix-ribbon-bg1) 1%,var(--mofix-ribbon-bg2) 45%)!important; border-radius:6px 6px 0 0!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-wrap::after{ width:6px!important; height:30px!important; right:0!important; top:36px!important; background:linear-gradient(to bottom,var(--mofix-ribbon-bg2) 55%,var(--mofix-ribbon-bg1) 99%)!important; border-radius:0 6px 6px 0!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6{ position:absolute!important; top:22px!important; right:-36px!important; width:138px!important; height:28px!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:0 10px!important; overflow:hidden!important; transform:rotate(45deg)!important; transform-origin:center!important; z-index:2!important; text-align:center!important; line-height:28px!important; font-size:11px!important; font-weight:700!important; letter-spacing:0!important; white-space:nowrap!important; color:var(--mofix-ribbon-color)!important; border:1px dashed rgba(255,255,255,.78)!important; box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--mofix-ribbon-bg2) 82%, #000 18%), inset 0 0 0 3px rgba(0,0,0,.42), inset 0 0 0 4px rgba(255,255,255,.24), 0 16px 4px -14px rgba(0,0,0,.78)!important; background:linear-gradient(to right,var(--mofix-ribbon-bg2) 0%,var(--mofix-ribbon-bg1) 51%,color-mix(in srgb,var(--mofix-ribbon-bg2) 76%, #000 24%) 100%)!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6::before, .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6::after{ content:""!important; position:absolute!important; display:block!important; width:9px!important; height:50px!important; top:-11px!important; background:linear-gradient(to right,rgba(255,255,255,0) 1%,rgba(255,255,255,.45) 50%,rgba(255,255,255,0) 100%)!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6::before{ left:20px!important; transform:rotate(45deg)!important; } .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6::after{ left:108px!important; transform:rotate(-45deg)!important; } /* 2.10.47 stability fix: no card jump on hover/scroll + folded corner containment */ .mofix-pricing-table .mofix-pricing-card{will-change:auto} .mofix-pricing-table .mofix-pricing-card:hover{transform:none!important;box-shadow:0 12px 30px rgba(0,0,0,.34)!important} .mofix-pricing-table .mofix-no-lift .mofix-pricing-card:hover{transform:none!important} .mofix-pricing-table .mofix-carousel-shell,.mofix-pricing-table .mofix-carousel-viewport{overflow-y:hidden!important} .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6{overflow:hidden!important;border-top-right-radius:inherit} .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6 .mofix-wrap{width:96px!important;height:96px!important;top:0!important;right:0!important} .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6 .mofix-wrap:before{right:34px!important;top:0!important;width:30px!important;height:8px!important;border-radius:0 0 8px 8px!important} .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6 .mofix-wrap:after{right:0!important;top:34px!important;width:8px!important;height:30px!important;border-radius:8px 0 0 8px!important} .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6{width:132px!important;height:28px!important;line-height:28px!important;top:18px!important;right:-34px!important;font-size:11px!important;box-shadow:0 0 0 2px var(--mofix-ribbon-bg1),0 12px 18px -16px rgba(0,0,0,.45)!important} .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6 .mofix-ribbon6:before{display:none!important} /* 2.10.64 folded corner verified after screenshot review: top slightly longer, bottom clearly longer and pushed further to edge */ .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean{ position:absolute !important; top:0 !important; right:0 !important; left:auto !important; width:108px !important; height:108px !important; overflow:visible !important; pointer-events:none !important; z-index:9 !important; opacity:var(--mofix-ribbon-opacity,1) !important; } .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap{ position:absolute !important; inset:0 !important; overflow:visible !important; pointer-events:none !important; filter:none !important; } .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-ribbon6, .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-ribbon6 .mofix-ribbon6__text{ box-sizing:border-box !important; } .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-ribbon6::before{ content:"" !important; display:block !important; position:absolute !important; bottom:-8px !important; right:0 !important; width:0 !important; height:0 !important; border-top:8px solid var(--mofix-ribbon-bg2) !important; border-left:8px solid transparent !important; } .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-ribbon6::after{ content:none !important; display:none !important; } .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-ribbon6{ position:absolute !important; top:14px !important; right:-38px !important; display:flex !important; align-items:center !important; justify-content:center !important; width:146px !important; height:34px !important; padding:0 18px !important; margin:0 !important; min-width:0 !important; max-width:none !important; border:none !important; border-radius:0 !important; background:linear-gradient(135deg,var(--mofix-ribbon-bg1),color-mix(in srgb,var(--mofix-ribbon-bg1) 82%, #fff 18%)) !important; color:var(--mofix-ribbon-color) !important; font-size:11px !important; font-weight:800 !important; line-height:1 !important; letter-spacing:0 !important; white-space:nowrap !important; text-align:center !important; text-shadow:none !important; box-shadow:none !important; clip-path:polygon(14px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 14px) !important; transform:rotate(45deg) !important; transform-origin:center !important; z-index:2 !important; overflow:visible !important; } .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-ribbon6 .mofix-ribbon6__text{ display:block !important; color:inherit !important; transform:none !important; } .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap::before{ content:"" !important; display:block !important; position:absolute !important; top:0 !important; right:26px !important; width:24px !important; height:8px !important; background:var(--mofix-ribbon-bg2) !important; clip-path:polygon(0 0,100% 0,82% 100%,18% 100%) !important; z-index:1 !important; } .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap::after{ content:"" !important; display:block !important; position:absolute !important; right:0 !important; top:52px !important; width:8px !important; height:18px !important; background:var(--mofix-ribbon-bg2) !important; clip-path:polygon(0 0,100% 14%,100% 100%,0 86%) !important; z-index:1 !important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean{ border-top-right-radius:inherit !important; } /* 2.10.67 final checked folded-corner match */ .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean{ position:absolute!important; inset:0!important; pointer-events:none!important; z-index:20!important; opacity:var(--mofix-ribbon-opacity,1)!important; overflow:visible!important; } .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap{ position:absolute!important; top:-10px!important; right:0!important; width:210px!important; height:210px!important; overflow:hidden!important; background:transparent!important; } .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap::before, .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap::after{ content:""!important; position:absolute!important; display:block!important; } .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap::before{ top:0!important; right:86px!important; width:50px!important; height:10px!important; border-radius:10px 10px 0 0!important; background:linear-gradient(to right,var(--mofix-ribbon-bg1) 1%,var(--mofix-ribbon-bg2) 45%)!important; } .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap::after{ top:85px!important; right:0!important; width:10px!important; height:50px!important; border-radius:0 10px 10px 0!important; background:linear-gradient(to bottom,var(--mofix-ribbon-bg2) 55%,var(--mofix-ribbon-bg1) 99%)!important; } .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-ribbon6{ position:absolute!important; top:30px!important; right:-50px!important; width:200px!important; height:40px!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:0 16px!important; overflow:hidden!important; transform:rotate(45deg)!important; transform-origin:center!important; z-index:2!important; text-align:center!important; line-height:40px!important; font-size:14px!important; font-weight:700!important; letter-spacing:0!important; color:var(--mofix-ribbon-color)!important; border:none!important; clip-path:none!important; background:var(--mofix-ribbon-bg1)!important; box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--mofix-ribbon-bg2) 82%, #000 18%), inset 0 0 0 4px rgba(0,0,0,.5), inset 0 0 0 5px rgba(255,255,255,.35), 0 21px 5px -18px rgba(0,0,0,.8)!important; } .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-ribbon6::before, .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-ribbon6::after{ content:""!important; position:absolute!important; display:block!important; width:13px!important; height:72px!important; top:-13px!important; background:linear-gradient(to right,rgba(255,255,255,0) 1%,rgba(255,255,255,.6) 50%,rgba(255,255,255,0) 100%)!important; } .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-ribbon6::before{ left:27px!important; transform:rotate(45deg)!important; } .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-ribbon6::after{ left:154px!important; transform:rotate(-45deg)!important; } .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-ribbon6__text{ display:block!important; position:relative!important; z-index:3!important; color:inherit!important; white-space:nowrap!important; } @media (max-width: 767px){ .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean{ transform:scale(.88)!important; transform-origin:top right!important; } } /* 2.10.69 verified folded-corner right-side matched */ .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean{ position:absolute!important; inset:0!important; overflow:visible!important; pointer-events:none!important; z-index:30!important; opacity:var(--mofix-ribbon-opacity,1)!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean{ border-top-right-radius:inherit!important; } .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap{ position:absolute!important; top:0!important; right:0!important; width:124px!important; height:110px!important; overflow:hidden!important; pointer-events:none!important; background:transparent!important; filter:none!important; } .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap::before, .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap::after{ content:""!important; position:absolute!important; display:block!important; } .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap::before{ top:0!important; right:28px!important; width:34px!important; height:9px!important; background:var(--mofix-ribbon-bg2)!important; border-radius:9px 9px 0 0!important; } .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap::after{ top:46px!important; right:0!important; width:9px!important; height:34px!important; background:var(--mofix-ribbon-bg2)!important; border-radius:0 9px 9px 0!important; } .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-ribbon6, .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-ribbon6 .mofix-ribbon6__text{ box-sizing:border-box!important; } .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-ribbon6{ position:absolute!important; top:8px!important; right:-41px!important; width:148px!important; height:32px!important; margin:0!important; padding:0 14px!important; display:flex!important; align-items:center!important; justify-content:center!important; overflow:hidden!important; transform:rotate(45deg)!important; transform-origin:100% 0!important; background:var(--mofix-ribbon-bg1)!important; color:var(--mofix-ribbon-color)!important; text-align:center!important; line-height:32px!important; font-size:12px!important; font-weight:800!important; letter-spacing:0!important; white-space:nowrap!important; border:none!important; border-radius:0!important; clip-path:none!important; box-shadow:none!important; z-index:2!important; } .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-ribbon6::before, .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-ribbon6::after{ content:none!important; display:none!important; } .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-ribbon6__text{ display:block!important; position:relative!important; z-index:2!important; color:inherit!important; white-space:nowrap!important; transform:none!important; text-shadow:none!important; } @media (max-width: 767px){ .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap{ transform:scale(.92)!important; transform-origin:top right!important; } } /* 2.10.70 final hard reset for folded-corner: anchored top-right like reference */ .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean{ position:absolute!important; inset:0!important; overflow:visible!important; pointer-events:none!important; z-index:40!important; opacity:var(--mofix-ribbon-opacity,1)!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap, .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-ribbon6, .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-ribbon6__text{ box-sizing:border-box!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap{ position:absolute!important; top:0!important; right:0!important; left:auto!important; width:118px!important; height:118px!important; overflow:hidden!important; pointer-events:none!important; background:transparent!important; transform:none!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap::before, .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap::after{ content:""!important; position:absolute!important; display:block!important; background:var(--mofix-ribbon-bg2)!important; z-index:1!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap::before{ top:0!important; right:33px!important; width:34px!important; height:10px!important; border-radius:0!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap::after{ top:34px!important; right:0!important; width:10px!important; height:34px!important; border-radius:0!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-ribbon6{ position:absolute!important; top:17px!important; right:-31px!important; left:auto!important; width:138px!important; height:34px!important; margin:0!important; padding:0 18px!important; display:flex!important; align-items:center!important; justify-content:center!important; overflow:hidden!important; transform:rotate(45deg)!important; transform-origin:center center!important; background:var(--mofix-ribbon-bg1)!important; color:var(--mofix-ribbon-color)!important; text-align:center!important; line-height:34px!important; font-size:12px!important; font-weight:800!important; letter-spacing:0!important; white-space:nowrap!important; border:none!important; border-radius:0!important; clip-path:none!important; box-shadow:none!important; z-index:2!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-ribbon6::before, .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-ribbon6::after{ content:none!important; display:none!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-ribbon6__text{ display:block!important; position:relative!important; z-index:2!important; color:inherit!important; white-space:nowrap!important; transform:none!important; text-shadow:none!important; } @media (max-width: 767px){ .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap{ transform:scale(.92)!important; transform-origin:top right!important; } } /* 2.10.72 final folded-corner matched closer to reference */ .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean{ position:absolute!important; top:0!important; right:0!important; left:auto!important; width:132px!important; height:132px!important; overflow:hidden!important; pointer-events:none!important; z-index:40!important; border-top-right-radius:inherit!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap{ position:absolute!important; top:-10px!important; right:-10px!important; left:auto!important; width:132px!important; height:132px!important; overflow:hidden!important; pointer-events:none!important; background:transparent!important; transform:none!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap::before, .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap::after{ content:""!important; position:absolute!important; display:block!important; z-index:1!important; background:var(--mofix-ribbon-bg2)!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap::before{ top:0!important; right:30px!important; width:48px!important; height:10px!important; border-radius:0!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap::after{ top:38px!important; right:0!important; width:10px!important; height:48px!important; border-radius:0!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-ribbon6{ position:absolute!important; top:20px!important; right:-44px!important; left:auto!important; width:176px!important; height:38px!important; margin:0!important; padding:0 18px!important; display:flex!important; align-items:center!important; justify-content:center!important; overflow:hidden!important; transform:rotate(45deg)!important; transform-origin:center center!important; background:var(--mofix-ribbon-bg1)!important; color:var(--mofix-ribbon-color)!important; text-align:center!important; line-height:38px!important; font-size:12px!important; font-weight:800!important; letter-spacing:0!important; white-space:nowrap!important; border:none!important; border-radius:0!important; clip-path:none!important; box-shadow:none!important; z-index:2!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-ribbon6::before, .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-ribbon6::after{ content:none!important; display:none!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-ribbon6 .mofix-ribbon6__text{ display:block!important; color:inherit!important; white-space:nowrap!important; transform:none!important; line-height:1!important; text-shadow:none!important; } @media (max-width: 767px){ .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean{ transform:scale(.92)!important; transform-origin:top right!important; } } /* 2.10.75 final folded-corner matched closer to reference */ .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean{ position:absolute!important; top:0!important; right:0!important; left:auto!important; bottom:auto!important; width:138px!important; height:138px!important; overflow:hidden!important; pointer-events:none!important; z-index:60!important; border-top-right-radius:inherit!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap{ position:absolute!important; top:0!important; right:0!important; left:auto!important; width:138px!important; height:138px!important; overflow:hidden!important; pointer-events:none!important; background:transparent!important; transform:none!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap::before, .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap::after{ content:""!important; position:absolute!important; display:block!important; background:var(--mofix-ribbon-bg2)!important; z-index:1!important; border-radius:0!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap::before{ top:0!important; right:34px!important; width:52px!important; height:11px!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap::after{ top:46px!important; right:0!important; width:11px!important; height:52px!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-ribbon6{ position:absolute!important; top:18px!important; right:-35px!important; left:auto!important; width:170px!important; height:42px!important; margin:0!important; padding:0 18px!important; display:flex!important; align-items:center!important; justify-content:center!important; overflow:hidden!important; transform:rotate(45deg)!important; transform-origin:center center!important; background:var(--mofix-ribbon-bg1)!important; color:var(--mofix-ribbon-color)!important; text-align:center!important; line-height:42px!important; font-size:13px!important; font-weight:800!important; letter-spacing:0!important; white-space:nowrap!important; border:none!important; border-radius:0!important; clip-path:none!important; box-shadow:none!important; z-index:2!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-ribbon6::before, .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-ribbon6::after{ content:none!important; display:none!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-ribbon6 .mofix-ribbon6__text{ display:block!important; color:inherit!important; white-space:nowrap!important; transform:none!important; line-height:1!important; text-shadow:none!important; } @media (max-width: 767px){ .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean{ transform:scale(.92)!important; transform-origin:top right!important; } } /* 2.10.76 folded-corner refine: proper right fold + bottom-right shadow */ .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean{ width:142px!important; height:142px!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap{ width:142px!important; height:142px!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap::before{ top:0!important; right:36px!important; width:48px!important; height:11px!important; background:var(--mofix-ribbon-bg2)!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap::after{ top:44px!important; right:0!important; width:12px!important; height:56px!important; background:var(--mofix-ribbon-bg2)!important; box-shadow:none!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-ribbon6{ top:18px!important; right:-36px!important; width:174px!important; height:42px!important; padding:0 20px!important; line-height:42px!important; font-size:13px!important; font-weight:800!important; background:var(--mofix-ribbon-bg1)!important; box-shadow:8px 10px 0 -8px rgba(0,0,0,.28)!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-ribbon6::before{ content:""!important; display:block!important; position:absolute!important; top:0!important; left:14px!important; width:10px!important; height:100%!important; background:linear-gradient(to right, rgba(255,255,255,.35), rgba(255,255,255,0))!important; transform:skewX(-45deg)!important; opacity:.55!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-ribbon6::after{ content:""!important; display:block!important; position:absolute!important; right:8px!important; bottom:-11px!important; width:0!important; height:0!important; border-top:12px solid rgba(0,0,0,.28)!important; border-left:12px solid transparent!important; } /* 2.10.77 folded-corner final correction: proper top-right cap, right fold, bottom-right shadow */ .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean{ position:absolute!important; inset:0!important; width:auto!important; height:auto!important; overflow:visible!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap{ position:absolute!important; top:-1px!important; right:-1px!important; width:122px!important; height:122px!important; overflow:hidden!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap::before, .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap::after{ content:""!important; position:absolute!important; display:block!important; z-index:1!important; border-radius:0!important; box-shadow:none!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap::before{ top:0!important; right:22px!important; width:46px!important; height:10px!important; background:var(--mofix-ribbon-bg2)!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap::after{ top:34px!important; right:0!important; width:11px!important; height:46px!important; background:color-mix(in srgb,var(--mofix-ribbon-bg1) 72%, #000 28%)!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-ribbon6{ position:absolute!important; top:18px!important; right:-39px!important; width:172px!important; height:38px!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:0 18px!important; line-height:38px!important; font-size:13px!important; font-weight:800!important; color:var(--mofix-ribbon-color)!important; text-align:center!important; white-space:nowrap!important; background:linear-gradient(180deg, color-mix(in srgb,var(--mofix-ribbon-bg1) 88%, #fff 12%) 0%, var(--mofix-ribbon-bg1) 100%)!important; border:none!important; outline:none!important; transform:rotate(45deg)!important; transform-origin:center!important; box-shadow:0 13px 14px -12px rgba(0,0,0,.55)!important; z-index:2!important; overflow:visible!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-ribbon6::before{ content:none!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-ribbon6::after{ content:""!important; position:absolute!important; right:0!important; bottom:-11px!important; width:0!important; height:0!important; border-top:11px solid rgba(0,0,0,.35)!important; border-left:11px solid transparent!important; z-index:3!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-ribbon6__text{ position:relative!important; display:block!important; color:var(--mofix-ribbon-color)!important; font-size:13px!important; font-weight:800!important; line-height:1!important; white-space:nowrap!important; text-shadow:none!important; transform:none!important; } /* 2.10.78 folded-corner final rebuild: reference-matched top-right ribbon */ .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean{ position:absolute!important; top:0!important; right:0!important; left:auto!important; bottom:auto!important; width:120px!important; height:120px!important; overflow:hidden!important; pointer-events:none!important; z-index:8!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap{ position:absolute!important; inset:0!important; width:120px!important; height:120px!important; overflow:hidden!important; pointer-events:none!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap::before, .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap::after{ content:""!important; position:absolute!important; display:block!important; z-index:1!important; box-shadow:none!important; border-radius:0!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap::before{ top:0!important; right:26px!important; width:42px!important; height:10px!important; background:var(--mofix-ribbon-bg2)!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-wrap::after{ top:36px!important; right:0!important; width:10px!important; height:42px!important; background:var(--mofix-ribbon-bg2)!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-ribbon6{ position:absolute!important; top:18px!important; right:-37px!important; left:auto!important; width:166px!important; height:38px!important; margin:0!important; padding:0 18px!important; display:flex!important; align-items:center!important; justify-content:center!important; overflow:visible!important; transform:rotate(45deg)!important; transform-origin:center center!important; background:linear-gradient(180deg, color-mix(in srgb,var(--mofix-ribbon-bg1) 90%, #fff 10%) 0%, var(--mofix-ribbon-bg1) 100%)!important; color:var(--mofix-ribbon-color)!important; text-align:center!important; line-height:38px!important; font-size:13px!important; font-weight:800!important; white-space:nowrap!important; border:none!important; border-radius:0!important; clip-path:none!important; box-shadow:none!important; z-index:2!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-ribbon6::before{ content:""!important; position:absolute!important; top:0!important; left:18px!important; width:9px!important; height:100%!important; background:linear-gradient(to right, rgba(255,255,255,.34), rgba(255,255,255,0))!important; transform:skewX(-45deg)!important; opacity:.55!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-ribbon6::after{ content:""!important; position:absolute!important; right:0!important; bottom:-10px!important; width:0!important; height:0!important; border-top:10px solid rgba(0,0,0,.32)!important; border-left:10px solid transparent!important; z-index:3!important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean .mofix-ribbon6 .mofix-ribbon6__text{ position:relative!important; display:block!important; color:var(--mofix-ribbon-color)!important; line-height:1!important; font-size:13px!important; font-weight:800!important; white-space:nowrap!important; text-shadow:none!important; transform:none!important; z-index:2!important; } @media (max-width: 767px){ .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-clean{ transform:scale(.92)!important; transform-origin:top right!important; } } /* 2.10.80 folded corner removed only */ .mofix-ribbon-box.ribbon-style-6, .mofix-ribbon-box.ribbon-style-6 *{display:none !important;} /* 2.10.81 final folded corner ribbon rebuilt to match reference image */ .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference{ position:absolute !important; top:0 !important; right:0 !important; left:auto !important; width:138px !important; height:138px !important; overflow:hidden !important; pointer-events:none !important; z-index:8 !important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-wrap, .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-ribbon6{ box-sizing:border-box !important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-wrap{ position:absolute !important; inset:0 !important; overflow:hidden !important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-wrap::before, .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-wrap::after, .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-ribbon6::before, .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-ribbon6::after{ content:"" !important; position:absolute !important; display:block !important; } /* top cap */ .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-wrap::before{ top:0 !important; right:44px !important; width:34px !important; height:10px !important; background:var(--mofix-ribbon-bg2) !important; clip-path:polygon(0 0,100% 0,84% 100%,16% 100%) !important; z-index:1 !important; } /* right lower fold/shadow */ .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-wrap::after{ top:48px !important; right:0 !important; width:12px !important; height:40px !important; background:var(--mofix-ribbon-bg2) !important; clip-path:polygon(0 0,100% 10%,100% 100%,0 84%) !important; z-index:1 !important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-ribbon6{ position:absolute !important; top:22px !important; right:-43px !important; width:164px !important; height:36px !important; line-height:36px !important; padding:0 18px !important; display:flex !important; align-items:center !important; justify-content:center !important; background:var(--mofix-ribbon-bg1) !important; color:var(--mofix-ribbon-color) !important; font-size:13px !important; font-weight:700 !important; text-align:center !important; white-space:nowrap !important; transform:rotate(45deg) !important; transform-origin:center center !important; border:none !important; border-radius:0 !important; box-shadow:none !important; z-index:2 !important; } /* remove any old left notch / shine */ .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-ribbon6::before{ content:none !important; } /* bottom-right shadow fold on the ribbon itself */ .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-ribbon6::after{ right:0 !important; bottom:-10px !important; width:0 !important; height:0 !important; border-top:10px solid color-mix(in srgb,var(--mofix-ribbon-bg2) 80%, #111 20%) !important; border-left:10px solid transparent !important; background:transparent !important; } /* 2.10.83 final checked folded corner ribbon */ .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference, .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference *{ box-sizing:border-box !important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference{ display:block !important; position:absolute !important; top:0 !important; right:0 !important; left:auto !important; width:140px !important; height:140px !important; overflow:hidden !important; pointer-events:none !important; z-index:8 !important; border-radius:0 !important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-wrap{ display:block !important; position:absolute !important; inset:0 !important; overflow:hidden !important; pointer-events:none !important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-wrap::before, .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-wrap::after, .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-ribbon6::before, .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-ribbon6::after{ content:"" !important; display:block !important; position:absolute !important; } /* top folded cap */ .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-wrap::before{ top:0 !important; right:43px !important; width:34px !important; height:10px !important; background:color-mix(in srgb,var(--mofix-ribbon-bg2) 88%, #ffffff 12%) !important; border-radius:0 0 10px 10px !important; z-index:1 !important; } /* right folded side */ .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-wrap::after{ top:54px !important; right:0 !important; width:10px !important; height:38px !important; background:color-mix(in srgb,var(--mofix-ribbon-bg2) 85%, #111111 15%) !important; border-radius:8px 0 0 8px !important; z-index:1 !important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-ribbon6{ display:flex !important; align-items:center !important; justify-content:center !important; position:absolute !important; top:22px !important; right:-39px !important; width:166px !important; height:40px !important; padding:0 18px !important; line-height:40px !important; background:var(--mofix-ribbon-bg1) !important; color:var(--mofix-ribbon-color) !important; transform:rotate(45deg) !important; transform-origin:center center !important; border:none !important; border-radius:0 !important; box-shadow:0 18px 14px -18px rgba(0,0,0,.65) !important; z-index:2 !important; overflow:visible !important; } /* remove left notch / extra shapes */ .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-ribbon6::before{ content:none !important; } /* bottom-right shadow fold */ .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-ribbon6::after{ right:0 !important; bottom:-10px !important; width:0 !important; height:0 !important; background:transparent !important; border-top:10px solid color-mix(in srgb,var(--mofix-ribbon-bg2) 88%, #111111 12%) !important; border-left:10px solid transparent !important; z-index:3 !important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-ribbon6, .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-ribbon6 .mofix-ribbon6__text{ text-shadow:none !important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-ribbon6 .mofix-ribbon6__text{ display:block !important; color:var(--mofix-ribbon-color) !important; font-size:13px !important; font-weight:800 !important; line-height:1 !important; white-space:nowrap !important; transform:none !important; } @media (max-width:767px){ .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference{ transform:scale(.92) !important; transform-origin:top right !important; } } /* 2.10.84 final folded corner ribbon based on provided reference CSS */ .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference{ position:absolute !important; top:0 !important; right:0 !important; left:auto !important; width:1px !important; height:1px !important; overflow:visible !important; pointer-events:none !important; z-index:8 !important; --d: 10px; --c: var(--mofix-ribbon-bg1); --f: 15px; opacity: var(--mofix-ribbon-opacity,1) !important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-wrap, .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-ribbon6, .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-ribbon6__text, .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-wrap::before, .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-wrap::after, .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-ribbon6::before, .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-ribbon6::after{ display:none !important; content:none !important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference::before{ content: attr(data-ribbon) !important; position:absolute !important; top:0 !important; right:0 !important; transform: translate(29.29%, -100%) rotate(45deg) !important; transform-origin: bottom left !important; padding: 7px 48px calc(var(--d) + 7px) !important; background: linear-gradient(color-mix(in srgb, var(--mofix-ribbon-bg2) 36%, #000 14%) 0 0) bottom/100% var(--d) no-repeat, var(--c) !important; color: var(--mofix-ribbon-color) !important; font-size: var(--f) !important; font-weight: 800 !important; line-height: 1.1 !important; white-space: nowrap !important; box-sizing: border-box !important; clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - var(--d)) calc(100% - var(--d)),var(--d) calc(100% - var(--d)),0 100%) !important; -webkit-mask: linear-gradient(135deg, transparent calc(50% - var(--d)*0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - var(--d)*0.707),#fff 0) bottom right !important; -webkit-mask-size: 300vmax 300vmax !important; -webkit-mask-composite: destination-in !important; mask-composite: intersect !important; filter: drop-shadow(3px 4px 0 color-mix(in srgb,var(--mofix-ribbon-bg2) 82%, #111 18%)) !important; border:none !important; border-radius:0 !important; } @media (max-width: 767px){ .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference::before{ --f:13px; padding: 6px 40px calc(var(--d) + 6px) !important; } } /* 2.10.90 final fix: folded corner ribbon with stitched look and working settings */ .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference{ position:absolute !important; top:0 !important; right:0 !important; left:auto !important; width:1px !important; height:1px !important; overflow:visible !important; pointer-events:none !important; z-index:8 !important; --d: 10px; --c1: var(--mofix-ribbon-bg1); --c2: var(--mofix-ribbon-bg2); --f: 15px; opacity: var(--mofix-ribbon-opacity,1) !important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference::before, .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference::after{ content:none !important; display:none !important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-wrap{ position:absolute !important; top:0 !important; right:0 !important; width:1px !important; height:1px !important; overflow:visible !important; pointer-events:none !important; display:block !important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-wrap::before, .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-wrap::after{ content:none !important; display:none !important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-ribbon6{ position:absolute !important; top:0 !important; right:0 !important; transform: translate(29.29%, -100%) rotate(45deg) !important; transform-origin: bottom left !important; padding: 7px 48px calc(var(--d) + 7px) !important; background: linear-gradient(var(--c2) 0 0) bottom/100% var(--d) no-repeat, var(--c1) !important; color: var(--mofix-ribbon-color) !important; font-size: var(--f) !important; font-weight: 800 !important; line-height: 1.1 !important; white-space: nowrap !important; box-sizing: border-box !important; clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - var(--d)) calc(100% - var(--d)),var(--d) calc(100% - var(--d)),0 100%) !important; -webkit-mask: linear-gradient(135deg, transparent calc(50% - var(--d)*0.707),#fff 0) bottom left, linear-gradient(-135deg, transparent calc(50% - var(--d)*0.707),#fff 0) bottom right !important; -webkit-mask-size: 300vmax 300vmax !important; -webkit-mask-composite: destination-in !important; mask-composite: intersect !important; filter: drop-shadow(3px 4px 0 var(--c2)) !important; border:none !important; border-radius:0 !important; width:auto !important; height:auto !important; display:block !important; overflow:visible !important; text-align:center !important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-ribbon6::before, .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-ribbon6::after{ content:"" !important; position:absolute !important; top:7px !important; bottom:calc(var(--d) + 7px) !important; width:2px !important; background:repeating-linear-gradient(to bottom, var(--mofix-ribbon-color) 0 2px, transparent 2px 5px) !important; opacity:.75 !important; display:block !important; z-index:2 !important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-ribbon6::before{ left:16px !important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-ribbon6::after{ right:16px !important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-ribbon6__text{ display:block !important; position:static !important; color:var(--mofix-ribbon-color) !important; font-size:inherit !important; font-weight:inherit !important; line-height:inherit !important; white-space:nowrap !important; transform:none !important; writing-mode:horizontal-tb !important; opacity:1 !important; padding:0 10px !important; position:relative !important; z-index:3 !important; } @media (max-width: 767px){ .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference{ --f: 13px; --d: 9px; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-ribbon6{ padding: 6px 42px calc(var(--d) + 6px) !important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-ribbon6::before{ left:14px !important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-ribbon6::after{ right:14px !important; } } /* 2.10.107 safe fix: reference folded ribbon without stitch artifacts */ .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-ribbon6{ filter:none !important; box-shadow:0 10px 18px rgba(0,0,0,.12) !important; backface-visibility:hidden !important; -webkit-backface-visibility:hidden !important; transform:translate(29.29%, -100%) rotate(45deg) translateZ(0) !important; outline:1px solid transparent !important; } .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-ribbon6::before, .mofix-pricing-table .mofix-ribbon-box.ribbon-style-6.ribbon-style-6-reference .mofix-ribbon6::after{ content:none !important; display:none !important; background:none !important; } /* 2.10.108 drag smoothing fix: disable forced snap while pointer is dragging */ .mofix-pricing-table .mofix-carousel-viewport.is-dragging{ scroll-snap-type:none!important; scroll-behavior:auto!important; cursor:grabbing!important; } .mofix-pricing-table.mofix-dragging .mofix-pricing-card{ scroll-snap-stop:normal!important; pointer-events:none; } /* 2.10.109 iOS settle smoothing: JS keeps snap disabled until custom easing finishes. */ .mofix-sqb-lang-badge,.mofix-sqb-flag-only,.mofix-lang-badge,.mofix-flag-only{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-width:24px!important;height:24px!important;padding:0 6px!important;border-radius:999px!important;background:#eef2ff!important;color:#24314d!important;border:1px solid #c7d2fe!important;font-family:Inter,system-ui,sans-serif!important;font-style:normal!important;font-weight:800!important;line-height:1!important}.mofix-sqb-flag-only,.mofix-flag-only{padding:0!important;background:transparent!important;border:0!important;font-size:17px!important}.mofix-sqb-flag-emoji{font-size:16px!important;line-height:1!important}.mofix-sqb-lang-code{font-size:9px!important;line-height:1!important;letter-spacing:.02em!important}.mofix-selected-icon-visual .dashicons,.mofix-icon-option .dashicons{font-size:18px;width:18px;height:18px;line-height:18px}.mofix-skills-icon .dashicons{font-size:var(--mofix-item-icon-size,var(--mofix-icon-size,18px));width:var(--mofix-item-icon-size,var(--mofix-icon-size,18px));height:var(--mofix-item-icon-size,var(--mofix-icon-size,18px));line-height:1} /* 2.10.112: keep View more directly below the currently visible feature list. */ .mofix-feature-scroll.is-collapsible{ flex:0 0 auto!important; width:100%; align-self:stretch; } .mofix-feature-scroll.is-collapsible .mofix-view-more-button{ position:relative; z-index:3; } .mofix-view-more-button[hidden]{display:none!important}