[올리브3] 프리미엄 EVOO 72캡슐

.tight-br { line-height: 1.6; /* 전체 줄 간격을 동일하게 조정 */ margin-top: 10px; } 지중해 3국이 설계한 포뮬레이션 *스페인 피쿠알, 그리스 코로네이키, 이탈리아 코라티나 🫒 초저산도(0.08↓), OxuGel™로 전달되는 올리브의 본질 🫒 Harveologist & Olive Blending Master 🫒 PolyHarvest 효능의 정점을 맞춘 과학적 수확 .olive3-link { color: #333; text-decoration: underline; font-weight: 500; transition: color 0.2s ease; } .olive3-link:visited { color: #333; } .olive3-link:hover, .olive3-link:focus, .olive3-link:active { color: #a1a861; } 올리브3 품질 리포트 확인↗ /* ──────────────── 전체 배경 설정 ───────────────── */ body { background: #f1f0ed; margin: 0; padding: 0; } /* ───────────────────────────────────────── 플랜 컨테이너 (가로 정렬 + 반응형) ───────────────────────────────────────── */ .planbox-wrapper { max-width: 100%; margin: 40px auto 20px; background: #fbfbee; border: 2px solid. #a1a861; border-radius: 20px; padding: 10px 6px; display: flex; justify-content: space-between; gap: 8px; position: relative; box-sizing: border-box; flex-wrap: nowrap; /* 한 줄 유지 */ overflow: visible; /* 말풍선 잘림 방지 */ } /* ───────────────────────────────────────── 개별 플랜 카드 (반응형: 동일 너비 분배) ───────────────────────────────────────── */ .planbox-plan { flex: 1; /* 균등 분배 */ text-align: center; box-sizing: border-box; } /* 카드 사이 구분선 */ .planbox-plan + .planbox-plan { border-left: 1px solid #dce1b7; } /* 개월 수 스타일 */ .planbox-month { font-size: 16px; font-weight: bold; } /* 플랜 이름 스타일 */ .planbox-title { margin: 6px 0; font-size: 14px; } /* 가격 스타일 */ .planbox-price { color: #516117; font-weight: bold; font-size: 14px; margin-top: 6px; } /* ───────────────────────────────────────── BEST 말풍선 • 말풍선 크기 15% 축소 • 폰트 사이즈 유지 • 둥둥 떠오르는 애니메이션 ───────────────────────────────────────── */ .planbox-best { position: absolute; top: -25px; left: 50%; transform: translateX(-50%); background: #c62828; color: #fff; font-size: 15px; /* 폰트 사이즈 그대로 */ font-weight: bold; padding: 4px 12px; border-radius: 10px; z-index: 10; animation: floatyBadge 1s ease-in-out infinite alternate; } /* 말풍선 꼬리 (::after) */ .planbox-best::after { content: ""; position: absolute; bottom: -7px; /* 기존 -8px→-7px */ left: 50%; transform: translateX(-50%); border-width: 7px 7px 0 7px;/* 기존 8px→7px */ border-style: solid; border-color: #c62828 transparent transparent transparent; } /* 떠오르는 애니메이션 (범위 20% 축소: 10px→8px) */ @keyframes floatyBadge { from { transform: translateX(-50%) translateY(0); } to { transform: translateX(-50%) translateY(-8px); } } /* ───────────────────────────────────────── 모바일 최적화 (가로 100%에 맞춤) ───────────────────────────────────────── */ @media (max-width: 768px) { .planbox-wrapper { flex-wrap: nowrap; /* 한 줄 유지 */ overflow: visible; /* 스크롤 없이 말풍선 보이도록 */ padding: 10px 6px; } .planbox-plan { flex: 1; /* 균등 분배 계속 */ } .planbox-month { font-size: 16px; } .planbox-title { font-size: 14px; } .planbox-price { font-size: 16px; } .planbox-best { font-size: 15px; /* 폰트 사이즈 유지 */ padding: 6px 14px; /* 말풍선 크기 축소 유지 */ top: -30px; /* 위치 살짝 조정 */ } } Best [8 Box] [패밀리] 4+4특가 월 36,000원 [5 Box] [퍼펙트] 3+2박스 월 39,960원 [3 Box] [프로] 2+1박스 월 48,933원