Portable Electric Water Filter Bottle

Descrizione

.pw-electric-bottle-guide { --pw-blue: #036AFF; --pw-text: #172033; --pw-muted: #5f6b7a; --pw-border: #dbe8f7; --pw-soft: #eef6ff; --pw-light: #f7fbff; --pw-card: #ffffff; width: 100%; padding: 36px 16px; background: linear-gradient(135deg, #eef6ff 0%, #ffffff 52%, #f3f8ff 100%); font-family: Arial, Helvetica, sans-serif; color: var(--pw-text); box-sizing: border-box; } .pw-electric-bottle-guide * { box-sizing: border-box; } .pw-electric-bottle-wrap { max-width: 1180px; margin: 0 auto; } .pw-electric-section { margin-bottom: 24px; background: rgba(255, 255, 255, 0.94); border: 1px solid var(--pw-border); border-radius: 24px; overflow: hidden; } .pw-electric-section-title { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 22px 24px; background: linear-gradient(90deg, rgba(3, 106, 255, 0.1), rgba(3, 106, 255, 0.03)); border-bottom: 1px solid var(--pw-border); } .pw-electric-section-title h3 { margin: 0; font-size: 22px; line-height: 1.3; color: var(--pw-text); } .pw-electric-section-title span { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; height: 34px; border-radius: 12px; background: var(--pw-blue); color: #ffffff; font-size: 14px; font-weight: 800; } .pw-electric-overview-grid, .pw-electric-feature-grid, .pw-electric-metrics-grid, .pw-electric-use-notes { display: grid; gap: 14px; padding: 24px; } .pw-electric-overview-grid, .pw-electric-metrics-grid, .pw-electric-use-notes { grid-template-columns: repeat(4, 1fr); } .pw-electric-feature-grid { grid-template-columns: repeat(3, 1fr); } .pw-electric-info-card, .pw-electric-feature-card, .pw-electric-metric-card, .pw-electric-use-note { padding: 18px; border: 1px solid var(--pw-border); border-radius: 18px; background: #ffffff; } .pw-electric-info-card span, .pw-electric-metric-card span, .pw-electric-feature-card > span { display: block; margin-bottom: 8px; color: var(--pw-muted); font-size: 12px; line-height: 1.3; font-weight: 800; text-transform: uppercase; letter-spacing: 0.04em; } .pw-electric-info-card strong, .pw-electric-metric-card strong, .pw-electric-feature-card strong { display: block; font-size: 16px; line-height: 1.45; color: var(--pw-text); font-weight: 800; } .pw-electric-info-card p, .pw-electric-metric-card p, .pw-electric-feature-card p { margin: 8px 0 0; color: var(--pw-muted); font-size: 13px; line-height: 1.55; } .pw-electric-info-card.pw-electric-primary, .pw-electric-metric-card.pw-electric-primary, .pw-electric-feature-card.pw-electric-primary { background: linear-gradient(135deg, #036AFF 0%, #2088ff 100%); border-color: var(--pw-blue); } .pw-electric-info-card.pw-electric-primary span, .pw-electric-info-card.pw-electric-primary strong, .pw-electric-info-card.pw-electric-primary p, .pw-electric-metric-card.pw-electric-primary span, .pw-electric-metric-card.pw-electric-primary strong, .pw-electric-metric-card.pw-electric-primary p, .pw-electric-feature-card.pw-electric-primary > span, .pw-electric-feature-card.pw-electric-primary strong, .pw-electric-feature-card.pw-electric-primary p { color: #ffffff; } .pw-electric-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 12px; } .pw-electric-tags span { display: inline-block; padding: 6px 9px; border-radius: 999px; background: var(--pw-soft); color: var(--pw-blue); font-size: 12px; line-height: 1.2; font-weight: 800; } .pw-electric-feature-card.pw-electric-primary .pw-electric-tags span { background: #ffffff; color: var(--pw-blue); border: 1px solid rgba(255, 255, 255, 0.55); } .pw-electric-note { padding: 0 24px 24px; } .pw-electric-note-inner { padding: 16px 18px; border-radius: 18px; background: var(--pw-soft); border: 1px solid #dcecff; color: var(--pw-muted); font-size: 14px; line-height: 1.65; } .pw-electric-note-inner strong { color: var(--pw-text); } .pw-electric-intro { padding: 24px 24px 0; } .pw-electric-intro-box { padding: 20px; border-radius: 20px; background: var(--pw-soft); border: 1px solid #dcecff; } .pw-electric-intro-box h4 { margin: 0 0 10px; font-size: 19px; line-height: 1.35; color: var(--pw-text); } .pw-electric-intro-box p { margin: 0; color: var(--pw-muted); font-size: 15px; line-height: 1.65; } .pw-electric-use-note strong { display: block; margin-bottom: 8px; color: var(--pw-text); font-size: 15px; line-height: 1.35; } .pw-electric-use-note p { margin: 0; color: var(--pw-muted); font-size: 13px; line-height: 1.6; } @media (max-width: 1100px) { .pw-electric-feature-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 980px) { .pw-electric-overview-grid, .pw-electric-metrics-grid, .pw-electric-use-notes { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 640px) { .pw-electric-bottle-guide { padding: 28px 14px; } .pw-electric-section-title { padding: 18px; } .pw-electric-section-title h3 { font-size: 19px; } .pw-electric-overview-grid, .pw-electric-feature-grid, .pw-electric-metrics-grid, .pw-electric-use-notes { grid-template-columns: 1fr; padding: