.particle-container,.progress-fill,.checkbox,.score-description,.modal-content,.floating-text,.celebration-particle,.accordion-content,.progress-bar,.progress-tracker,.benefits-list li:before{display:block!important}.checkbox{display:flex!important}.progress-fill,.particle-container,.accordion-content,.progress-bar,.progress-tracker{display:block!important}#dog-longevity-page .container{max-width:1200px;margin:0 auto;padding:0 2rem}.hero-section{padding:10rem 0;background:#f8f9fa;color:#212529;position:relative}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-text{text-align:center}h1,.hero-section .section-title{font-size:clamp(3.5rem,7vw,5.5rem);font-weight:700;margin-bottom:2rem;line-height:1.2;color:#212529;text-align:left}h2,.section-title{font-size:clamp(2.8rem,6vw,4.2rem);font-weight:700;margin-bottom:2rem;line-height:1.3;color:#212529;text-align:center}h3,.accordion-title,.list-title,.tab-content h3{font-size:clamp(2rem,4vw,2.2rem);color:#d32f2f;font-weight:600;margin-bottom:1.5rem;line-height:1.4;text-align:center}h4{font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:600;margin-bottom:1rem;line-height:1.4;color:#212529;text-align:center}h5{font-size:clamp(1.4rem,3vw,1.8rem);font-weight:600;margin-bottom:.75rem;line-height:1.4;color:#212529;text-align:center}h6{font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:600;margin-bottom:.5rem;line-height:1.4;color:#212529;text-align:center}.hero-subtitle{font-size:clamp(1.8rem,4.5vw,2.5rem);font-weight:400;line-height:1.4;color:#495057;text-align:left}.hero-image{position:relative;text-align:center}.hero-dog-image{width:100%;height:350px;object-fit:cover;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;transition:all .3s ease}.floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.particle-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.introduction-section{padding:8rem 0;background:var(--bg-primary)}.intro-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.intro-content p{font-size:clamp(1.44rem,2.64vw,1.68rem);line-height:1.7;color:#495057;margin-bottom:2rem}.intro-images{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem}.intro-image-card{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a;transition:all .4s cubic-bezier(.4,0,.2,1);background:#fff}.intro-image-card:hover{transform:translateY(-12px);box-shadow:0 25px 50px -12px #00000040}.intro-img{width:100%;height:250px;object-fit:cover;object-position:center;transition:all .4s cubic-bezier(.4,0,.2,1);display:block}.intro-image-card:hover .intro-img{transform:scale(1.08)}.image-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000e6);color:#fff;padding:2rem 1.5rem 1.5rem;font-weight:700;font-size:1.2rem;text-align:center;opacity:0;transform:translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1);z-index:10}.intro-image-card:hover .image-overlay{opacity:1;transform:translateY(0)}.big-four-section{padding:8rem 0;background:#f8f9fa}.accordion{display:flex;flex-direction:column;gap:2rem}.accordion-item{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;transition:all .3s ease}.accordion-item:hover{box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-4px);border-color:#d32f2f}.accordion-header{padding:2.5rem 3rem;background:var(--bg-primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;pointer-events:auto;position:relative;z-index:10}.accordion-header:hover{background:#f8f9fa}.accordion-header.active{background:#f8f9fa;color:#212529;border-bottom:1px solid #e9ecef}.accordion-header-content{display:flex;align-items:center;gap:2rem}.accordion-icon-img{width:60px;height:60px;min-width:60px;min-height:60px;max-width:60px;max-height:60px;border-radius:50%;object-fit:cover;object-position:center;border:3px solid #d32f2f;transition:all .3s ease;flex-shrink:0}.accordion-header.active .accordion-icon-img{border-color:#d32f2f;transform:scale(1.05)}.accordion-icon{width:24px;height:24px;transition:all .3s ease}.accordion-icon.active{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.accordion-content.active{max-height:2000px}.accordion-body{padding:3rem}.accordion-body p{font-size:clamp(1.44rem,2.64vw,1.68rem);line-height:1.7;color:#495057;margin-bottom:1.5rem}.accordion-body strong{color:#d32f2f;font-weight:600}.study-highlight{background:#f8f9fa;border-radius:12px;padding:2rem;margin:2rem 0}.study-stats{display:flex;align-items:center;justify-content:center;gap:2rem}.stat-item{text-align:center}.stat-number{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;color:#d32f2f;display:block}.stat-label{font-size:clamp(1rem,2vw,1.2rem);color:#495057;font-weight:500}.stat-arrow{font-size:2rem;color:#fd7e14;font-weight:700}.highlight-stat{color:#d32f2f;font-weight:600}.body-condition-score{background:#f8f9fa;border-radius:12px;padding:2rem;margin:2rem 0}.score-title{font-size:clamp(1.3rem,2.5vw,1.6rem);font-weight:600;color:#212529;margin-bottom:1rem;text-align:center}.score-instruction{font-size:clamp(1rem,2vw,1.2rem);color:#495057;text-align:center;margin-bottom:2.5rem}.score-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:.5rem}.score-number{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.4rem;border:2px solid #dee2e6;background:#fff;color:#212529;cursor:pointer;transition:all .3s ease}.score-number:hover{border-color:#d32f2f;transform:scale(1.1)}.score-number.ideal{border-color:#28a745;background:#28a745;color:#fff}.score-number.active{background:#d32f2f;border-color:#d32f2f;color:#fff}.score-description{background:#fff;border-radius:8px;padding:1.5rem;border:1px solid #e9ecef;box-shadow:0 1px 2px #0000000d}.score-description p{font-size:clamp(1.32rem,2.64vw,1.56rem);line-height:1.6;color:#495057;margin:0}.score-description strong{color:#d32f2f;font-weight:600}.marketing-hype-section{padding:8rem 0;background:var(--bg-primary)}.tabs-container{max-width:800px;margin:0 auto}.tabs-nav{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.tab-button{padding:1rem 2rem;background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;font-weight:600;color:#495057;transition:all .3s ease;flex:1;min-width:150px;text-align:center;display:flex;justify-content:center;align-items:center}.tab-button:hover{border-color:#d32f2f;color:#212529}.tab-button.active{background:#d32f2f;border-color:#d32f2f;color:#fff}.tab-content{display:none;background:#fff;border-radius:12px;padding:2.5rem;box-shadow:0 4px 6px -1px #0000001a}.tab-content.active{display:block}.tab-content p{font-size:clamp(1.44rem,2.64vw,1.68rem);line-height:1.7;color:#495057}.action-plan-section{padding:8rem 0;background:#f8f9fa}.action-plan-section .section-title{margin-bottom:5rem;text-align:center}.action-lists{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.action-list{background:#fff;border-radius:16px;padding:3rem;box-shadow:0 4px 6px -1px #0000001a}.high-impact .list-title{color:#28a745}.low-impact .list-title{color:#fd7e14}.list-title{text-align:center}.progress-tracker{background:#fff;border-radius:16px;padding:2rem;margin-bottom:3rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e9ecef}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.progress-text{font-size:clamp(1.1rem,2vw,1.3rem);font-weight:600;color:#212529}.progress-percentage{background:#d32f2f;color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:700;font-size:clamp(1rem,1.5vw,1.1rem)}.progress-bar{width:100%;height:12px;background:#e9ecef;border-radius:6px;overflow:hidden;position:relative}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#28a745,#34ce57);border-radius:6px;transition:width .6s ease;position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:progressShine 2s infinite}.action-list .progress-tracker{margin-bottom:2rem;padding:1.5rem;background:#f8f9fa;border:1px solid #e9ecef}.action-list .progress-tracker .progress-text{font-size:clamp(1rem,1.8vw,1.2rem)}.action-list .progress-tracker .progress-percentage{font-size:clamp(.9rem,1.4vw,1rem);padding:.4rem .8rem}.checklist-item{display:flex;align-items:flex-start;margin-bottom:2rem;padding:2rem;border-radius:16px;transition:all .3s ease;cursor:pointer;background:#fff;border:1px solid #e9ecef;box-shadow:0 1px 2px #0000000d}.checklist-item:hover{background:#f8f9fa;transform:translate(8px);box-shadow:0 4px 6px -1px #0000001a;border-color:#28a745}.checkbox{width:36px;height:36px;border:3px solid #dee2e6;border-radius:8px;margin-right:2rem;margin-top:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0;pointer-events:auto;position:relative;z-index:10}.checkbox:hover{border-color:#28a745;transform:scale(1.1)}.checkbox.checked{background:#28a745;border-color:#28a745;transform:scale(1.05)}.checkbox.checked:after{content:"\2713";color:#fff;font-weight:700;font-size:1.4rem}.checklist-item span{font-size:clamp(1.3rem,2.5vw,1.6rem);line-height:1.7;color:#212529;font-weight:600}.skip-item{display:flex;align-items:flex-start;margin-bottom:2rem;padding:2rem;border-radius:16px;transition:all .3s ease;background:#fff;border:1px solid #e9ecef;box-shadow:0 1px 2px #0000000d}.skip-icon{width:36px;height:36px;border:3px solid #fd7e14;border-radius:8px;margin-right:2rem;margin-top:2px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0;font-size:1.4rem;color:#fd7e14;font-weight:700}.skip-item span{font-size:clamp(1.3rem,2.5vw,1.6rem);line-height:1.7;color:#212529;font-weight:600}.cta-section{padding:8rem 0;background:#fff;color:#212529}.cta-content{max-width:800px;margin:0 auto}.cta-description,.benefits-list,.tagline{text-align:center}.cta-description{font-size:clamp(1.2rem,2.5vw,1.5rem);line-height:1.6;color:#495057;margin-bottom:3rem}.benefits-list{list-style:none;padding:0;margin:3rem 0;text-align:left;max-width:600px;margin-left:auto;margin-right:auto}.benefits-list li{font-size:clamp(1.2rem,2.5vw,1.4rem);line-height:1.6;color:#495057;margin-bottom:1.5rem;padding-left:3rem;position:relative}.benefits-list li:before{content:"\2713";position:absolute;left:0;top:50%;transform:translateY(-50%);width:24px;height:24px;background:#28a745;color:#fff;border-radius:50%;display:flex!important;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.tagline{font-size:clamp(1.3rem,2.5vw,1.6rem);font-weight:600;color:#495057;margin:3rem 0;font-style:italic}.cta-button{display:block;margin:0 auto;background:#d32f2f;color:#fff;padding:1.5rem 3rem;border-radius:50px;text-decoration:none;font-weight:600;font-size:clamp(1.2rem,2.5vw,1.4rem);transition:all .3s ease;box-shadow:0 4px 6px -1px #0000001a;text-align:center;max-width:fit-content}.cta-button:hover{background:#b71c1c;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.floating-action-button{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;background:#d32f2f;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 15px -3px #0000001a;transition:all .3s ease;z-index:1000}.floating-action-button:hover{transform:scale(1.1);box-shadow:0 20px 25px -5px #0000001a}.floating-action-button.active{transform:scale(1.1)}.fab-icon{font-size:1.5rem;color:#fff}.fab-menu{position:absolute;bottom:80px;right:0;background:#fff;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a;padding:1rem;min-width:200px;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s ease}.fab-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.fab-option{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:8px;cursor:pointer;transition:all .3s ease;margin-bottom:.5rem}.fab-option:hover{background:#f8f9fa}.fab-emoji{font-size:1.2rem}.fab-text{font-size:1rem;font-weight:500;color:#212529}.tip-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.tip-content{background:#fff;border-radius:16px;padding:2rem;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 25px -5px #0000001a;animation:modalSlideIn .4s ease-out}.tip-content h4{font-size:clamp(1.4rem,3vw,1.8rem);font-weight:600;color:#d32f2f;margin-bottom:1rem}.tip-content p{font-size:clamp(1.32rem,2.64vw,1.56rem);line-height:1.6;color:#495057;margin-bottom:1.5rem}.tip-close{background:#d32f2f;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.tip-close:hover{background:#b71c1c;transform:translateY(-2px)}.completion-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1002;animation:fadeIn .3s ease}.modal-content{background:#fff;border-radius:20px;padding:3rem;max-width:500px;width:90%;text-align:center;box-shadow:0 20px 25px -5px #0000001a;animation:modalSlideIn .4s ease-out}.modal-content h3{color:#d32f2f}.modal-content p{font-size:clamp(1.44rem,2.64vw,1.68rem);line-height:1.6;color:#495057;margin-bottom:1.5rem}.modal-close{background:#d32f2f;color:#fff;border:none;padding:1rem 2rem;border-radius:50px;font-size:clamp(1.1rem,2vw,1.3rem);font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.modal-close:hover{background:#b71c1c;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.floating-text{position:fixed;color:#d32f2f;font-weight:700;font-size:14px;pointer-events:none;z-index:1000;animation:floatUp 2s ease-out forwards}.celebration-particle{position:fixed;left:50%;top:50%;pointer-events:none;z-index:1001;animation:burstOut 1.5s ease-out forwards}.tooltip-trigger{border-bottom:2px dotted #d32f2f;cursor:help;color:#d32f2f;font-weight:600}.reveal-hidden{opacity:0;transform:translateY(30px);transition:all .6s ease}.revealed{opacity:1;transform:translateY(0)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes floatUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-50px)}}@keyframes burstOut{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}50%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--random-x)),calc(-50% + var(--random-y))) scale(.5)}}@keyframes checkboxCelebrate{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media(max-width:768px){.container{padding:0 1.5rem}.hero-section{padding:4rem 0}.section,.introduction-section,.big-four-section,.marketing-hype-section,.action-plan-section,.cta-section{padding:3rem 0}h1,.hero-section .section-title{font-size:clamp(2.5rem,9vw,4rem);margin-bottom:1.5rem;text-align:center}h2,.section-title{font-size:clamp(2.2rem,7vw,3.5rem);margin-bottom:1.5rem}h3,.accordion-title,.list-title,.tab-content h3{font-size:clamp(1.6rem,5vw,2rem);margin-bottom:1rem}h4{font-size:clamp(1.4rem,4.5vw,2rem);margin-bottom:1rem}h5{font-size:clamp(1.2rem,4vw,1.6rem);margin-bottom:.75rem}h6{font-size:clamp(1.1rem,3.5vw,1.4rem);margin-bottom:.5rem}.hero-subtitle{font-size:clamp(1.4rem,5vw,2rem);margin-bottom:1.5rem;text-align:center}.hero-content{grid-template-columns:1fr;gap:2rem;text-align:center}.intro-layout{grid-template-columns:1fr;gap:2rem}.intro-images{grid-template-columns:1fr;gap:1.5rem;margin-top:1.5rem}.intro-img{height:200px}.image-overlay{padding:1.5rem 1rem 1rem;font-size:1.1rem}.action-lists{grid-template-columns:1fr;gap:2rem}.intro-image-card,.accordion-item{margin-bottom:1.5rem}.tab-content{padding:1.5rem;margin-top:1rem}.study-stats{flex-direction:column;gap:1rem}.stat-arrow{transform:rotate(90deg)}.score-bar{flex-wrap:wrap;gap:.5rem;justify-content:center}.score-number{width:50px;height:50px;font-size:1.2rem}.tabs-nav{flex-direction:column}.tab-button{min-width:auto}.floating-action-button{bottom:1rem;right:1rem;width:50px;height:50px}.fab-icon{font-size:1.2rem}.fab-menu{min-width:180px;right:-20px}.benefits-list li{padding-left:2.5rem;font-size:clamp(1rem,3vw,1.2rem)}.benefits-list li:before{width:20px;height:20px;font-size:1rem;top:50%;transform:translateY(-50%)}.progress-tracker{padding:1.5rem;margin-bottom:1.5rem}.progress-text{font-size:clamp(.9rem,3vw,1.1rem);margin-bottom:.75rem}.progress-percentage{font-size:clamp(.8rem,2.5vw,1rem);padding:.3rem .6rem}.progress-bar{margin-top:.75rem}.checklist-item,.skip-item{padding:1rem;margin-bottom:.75rem}.accordion-header,.accordion-body{padding:1.5rem}.accordion-icon-img{width:40px;height:40px;min-width:40px;min-height:40px;max-width:40px;max-height:40px}.score-numbers{gap:.5rem}.score-number{width:40px;height:40px;font-size:1rem}.score-description{padding:1rem;margin-top:1rem}.cta-content{padding:1.5rem}.benefits-list{margin:1.5rem 0}.benefits-list li{margin-bottom:.75rem}.tip-content,.modal-content{margin:1rem;padding:1.5rem}}@media(max-width:480px){.container{padding:0 1rem}.hero-section{padding:3rem 0}.section,.introduction-section,.big-four-section,.marketing-hype-section,.action-plan-section,.cta-section{padding:2.5rem 0}.accordion-header,.accordion-body{padding:1.25rem}.action-list{padding:1.5rem}.checklist-item,.skip-item{padding:.75rem;margin-bottom:.5rem}.progress-tracker{padding:1rem;margin-bottom:1rem}.cta-content{padding:1rem}.benefits-list li{padding-left:2rem;margin-bottom:.5rem}.benefits-list li:before{width:18px;height:18px;font-size:.9rem}.modal-content,.tip-content{margin:.5rem;padding:1.25rem}.score-number{width:35px;height:35px;font-size:.9rem}.floating-action-button{bottom:.75rem;right:.75rem;width:45px;height:45px}.accordion-icon-img{width:35px;height:35px;min-width:35px;min-height:35px;max-width:35px;max-height:35px}.intro-images{gap:1rem}.intro-img{height:180px}.image-overlay{padding:1rem .75rem .75rem;font-size:1rem}}
/*# sourceMappingURL=/cdn/shop/t/115/assets/dog-longevity-page.css.map */