.websites-that-convert{padding:35px 0}.websites-header{text-align:center;margin-bottom:25px}.websites-title{font-size:2.75rem;font-weight:700;margin-bottom:4px;color:#333;text-align:center}.websites-subtitle{font-size:1.5rem;color:#666;max-width:600px;margin:0 auto;text-align:center}.websites-grid{display:grid;grid-template-columns:1fr;gap:25px;max-width:1100px;margin:0 auto}.website-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 8px 32px #0000001a,0 4px 16px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:row;width:100%;margin:0 auto;padding:0;min-height:400px;height:auto}.website-card:hover{transform:translateY(-2px);box-shadow:0 16px 48px #00000026,0 8px 24px #0000001a}.card-media{position:relative;width:45%;flex-shrink:0;overflow:hidden;background:#f8f9fa;border-radius:20px;margin:16px 0 16px 16px;display:flex;align-items:center;justify-content:center;height:calc(100% - 32px)}.card-image,.card-video{width:94%;height:75%;object-fit:cover;display:block}.card-video{background:#000}.video-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;border:none;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10}.video-play-overlay:hover{background:#000c;transform:translate(-50%,-50%) scale(1.1)}.video-play-overlay svg{width:24px;height:24px;fill:#fff;margin-left:2px}.video-play-overlay.hidden{opacity:0;pointer-events:none}.card-content{flex:1;width:55%;display:flex;flex-direction:column;position:relative;padding:0;height:100%;min-height:100%}.card-content-inner{padding:32px 40px 8px;flex:1;display:flex;flex-direction:column;justify-content:flex-start}.card-tag{display:inline-block;background:var(--tag-bg-color, #ff6b35);color:var(--tag-text-color, #ffffff);padding:4px 20px;border-radius:30px;font-size:15px;font-weight:600;margin-bottom:17px;text-transform:uppercase;letter-spacing:.8px;width:fit-content;box-shadow:0 4px 12px var(--tag-shadow-color, rgba(255, 107, 53, .3)),0 2px 6px var(--tag-shadow-color-secondary, rgba(255, 107, 53, .2))}.card-title{font-size:32px;font-weight:700;color:#1a1a1a;margin-bottom:-4px;margin-top:0;line-height:1.2}.card-description{color:#6b7280;line-height:1.6;margin-bottom:0;font-size:18px;flex:1;margin-top:21px}.card-separator{height:1px!important;background-color:var(--separator-color, #9ca3af)!important;margin:32px 40px 8px!important;flex-shrink:0;opacity:1!important;display:block!important;width:auto!important}.card-button-wrapper{padding:16px 40px 40px;flex-shrink:0}.card-button{display:inline-flex;align-items:center;gap:10px;background:#f8f9fa;color:#ff6b35;text-decoration:none;font-weight:600;font-size:15px;padding:14px 24px;border-radius:50px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;width:fit-content;position:relative;box-shadow:inset 0 1px 2px #ff6b351a,0 2px 8px #00000014}.card-button svg{transition:transform .3s cubic-bezier(.4,0,.2,1)}.card-button:hover{color:#ff6b35;background:#f1f3f4;transform:translateY(-1px);box-shadow:inset 0 1px 2px #ff6b3526,0 4px 16px #0000001f}.card-button:hover svg{transform:translate(2px)}.card-button:active{transform:translateY(0);box-shadow:inset 0 1px 2px #ff6b3533,0 2px 8px #0000001a}@media (max-width: 1200px){.websites-grid{padding:0 20px;max-width:900px;gap:20px}.website-card{min-height:360px}.card-content-inner{padding:16px 32px 8px}.card-button-wrapper{padding:16px 32px 32px}.card-separator{margin:32px 32px 24px!important}}@media (max-width: 768px){.websites-that-convert{padding:40px 0}.websites-header{margin-bottom:20px;padding:0 20px;text-align:center}.websites-title{font-size:2.75rem;margin-bottom:3px;text-align:center}.websites-subtitle{text-align:center}.websites-grid{gap:15px;padding:0 20px;max-width:100%}.website-card{flex-direction:column;height:auto;min-height:auto;width:100%;margin:0;padding:12px;box-shadow:0 6px 24px #00000014,0 3px 12px #0000000a}.website-card:hover{transform:translateY(-1px);box-shadow:0 8px 32px #0000001f,0 4px 16px #0000000f}.card-media{width:100%;aspect-ratio:16/10;margin:0 0 24px;border-radius:0;height:220px}.card-image,.card-video{width:100%;height:100%}.card-content{width:100%;height:auto;min-height:auto}.card-content-inner{padding:0 8px 24px 20px;text-align:left}.card-button-wrapper{padding:16px 0 0 20px;text-align:left}.card-separator{display:block!important;margin:24px 20px 20px!important;background-color:var(--separator-color, #e5e7eb)!important}.card-title{font-size:24px;margin-top:0;text-align:left}.card-description{font-size:17px;text-align:left;padding-top:17px}.card-tag{text-align:left;box-shadow:0 6px 16px var(--tag-shadow-color, rgba(255, 107, 53, .35)),0 3px 8px var(--tag-shadow-color-secondary, rgba(255, 107, 53, .25))}.card-button{padding:10px 18px;font-size:14px;box-shadow:inset 0 1px 2px #ff6b3514,0 2px 6px #0000000f}.card-button:hover{box-shadow:inset 0 1px 2px #ff6b351f,0 3px 12px #0000001a}.video-play-overlay{width:50px;height:50px}.video-play-overlay svg{width:20px;height:20px}}@media (max-width: 480px){.websites-title{font-size:2.75rem;text-align:center}.websites-subtitle{text-align:center}.websites-header{padding:0}.card-title{font-size:22px;margin-top:2px}.websites-grid{padding:0;gap:12px}.card-media{height:200px}.card-content-inner{padding:0 8px 28px 25px}.card-button-wrapper{padding:20px 0 0 25px}.card-separator{margin:28px 25px 0!important}.card-button{padding:8px 16px;font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-websites-that-convert.css.map */