Good Cat Hammock

DogPlayBox Verified independent store

→

/* 将所有变量和基础样式限制在 custom-pet-hammock-wrapper 内部 */ .custom-pet-hammock-wrapper { --bg-main: #f0fdfa; --bg-card: #ffffff; --text-dark: #1e293b; --text-gray: #475569; --primary-color: #2563eb; --secondary-color: #60a5fa; --accent-color: #dbeafe; --border-color: #e2e8f0; font-family: 'Roboto', 'Helvetica Neue', sans-serif; color: var(--text-dark); line-height: 1.6; background-color: var(--bg-main); padding: 20px 0; box-sizing: border-box; } .custom-pet-hammock-wrapper * { box-sizing: border-box; } .custom-pet-hammock-wrapper img { max-width: 100%; height: auto; display: block; border-radius: 16px; margin: 0; padding: 0; } .custom-pet-hammock-wrapper .container { max-width: 1000px; margin: 0 auto; background-color: var(--bg-card); box-shadow: 0 10px 40px rgba(37, 99, 235, 0.08); border-radius: 24px; overflow: hidden; } /* 英雄头部区域 */ .custom-pet-hammock-wrapper .hero-header { background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%); padding: 70px 30px; text-align: center; position: relative; overflow: hidden; } .custom-pet-hammock-wrapper .hero-header::after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: radial-gradient(circle at 20% 150%, rgba(255,255,255,0.1) 0%, transparent 50%); pointer-events: none; } .custom-pet-hammock-wrapper .hero-header h1 { font-family: 'Nunito', sans-serif; font-size: 46px; font-weight: 800; margin: 0 0 15px 0; color: #ffffff; letter-spacing: 0.5px; line-height: 1.2; } .custom-pet-hammock-wrapper .hero-header p { font-size: 20px; font-weight: 500; margin: 0 auto; color: var(--accent-color); max-width: 700px; } /* 内容区块 */ .custom-pet-hammock-wrapper .section-wrapper { padding: 60px 50px; } /* 图文交替布局 */ .custom-pet-hammock-wrapper .feature-row { display: flex; align-items: center; gap: 50px; margin-bottom: 70px; } .custom-pet-hammock-wrapper .feature-row:last-child { margin-bottom: 0; } .custom-pet-hammock-wrapper .feature-row:nth-child(even) { flex-direction: row-reverse; } .custom-pet-hammock-wrapper .feature-text { flex: 1; text-align: left; } .custom-pet-hammock-wrapper .feature-text h3 { font-family: 'Nunito', sans-serif; font-weight: 800; font-size: 26px; color: var(--text-dark); margin-top: 0; margin-bottom: 16px; position: relative; display: inline-block; line-height: 1.3; } .custom-pet-hammock-wrapper .feature-text h3::after { content: ''; position: absolute; bottom: -6px; left: 0; width: 50px; height: 4px; background-color: var(--secondary-color); border-radius: 2px; } .custom-pet-hammock-wrapper .feature-text p { color: var(--text-gray); font-size: 17px; margin-top: 20px; margin-bottom: 0; } .custom-pet-hammock-wrapper .feature-image { flex: 1; position: relative; } .custom-pet-hammock-wrapper .feature-image img { box-shadow: 0 15px 30px rgba(0, 0, 0, 0.06); border: 1px solid var(--border-color); transition: transform 0.3s ease; width: 100%; } .custom-pet-hammock-wrapper .feature-image:hover img { transform: scale(1.02); } /* 响应式设计 */ @media (max-width: 768px) { .custom-pet-hammock-wrapper { padding: 0; } .custom-pet-hammock-wrapper .container { margin: 0; border-radius: 0; } .custom-pet-hammock-wrapper .hero-header h1 { font-size: 32px; } .custom-pet-hammock-wrapper .hero-header p { font-size: 16px; } .custom-pet-hammock-wrapper .section-wrapper { padding: 40px 24px; } .custom-pet-hammock-wrapper .feature-row, .custom-pet-hammock-wrapper .feature-row:nth-child(even) { flex-direction: column; text-align: center; gap: 30px; margin-bottom: 50px; } .custom-pet-hammock-wrapper .feature-text { text-align: center; } .custom-pet-hammock-wrapper .feature-text h3::after { left: 50%; transform: translateX(-50%); } } Stress-Free Pet Grooming Keep your furry friend calm, safe, and comfortable during every grooming session at home. Comfortable Restraint Breathable polyester fabric ensures a comfy experience for your pet while securely keeping them in place during grooming. Versatile Grooming Kit Includes essential tools like nail clippers and comb, designed for efficient and easy grooming at home. No need to go to a pet groomer or hospital! Easy to Use Simply place the hammock and lift your pet, making nail trimming and other grooming tasks easier and less stressful for both you and your pet. Compact and Portable Lightweight design allows you to groom your pet anywhere at home or outside, perfect for pet groomers on the go. Sturdy Design Supports small dogs and cats, providing stability and comfort, significantly reducing anxiety while grooming your furry friend. Show more