/* �ъ슜�� 怨듯넻 �ㅽ��� �뚯씪�낅땲��. 怨듯넻�쇰줈 �곸슜�� �ㅽ��� 肄붾뱶瑜� �묒꽦�댁＜�몄슂. */


/* BEGIN HELLO GREENCY COMMON */
/* Hello Greency: design assets, typography and brand only.
 * Search, categories, product data, order and authentication stay in Shopby.
 * Pretendard CDN is version-pinned to the font author's published instructions.
 * Nanum Myeongjo and Montserrat are already loaded by the original Shopby CSS.
 */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css");
:root { --color-point: #1f6b3f; }
body { font-family: Pretendard, "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #1f2a22; background-color: #fafaf9; }
.font-noto { font-family: Pretendard, "Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif; }
.font-montserrat { font-family: Montserrat, Pretendard, sans-serif; }
a.hg-brand { display: inline-flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 10px; color: #1f2a22; text-decoration: none; white-space: nowrap; }
.hg-brand > img { display: block; width: 30px; height: 30px; flex: 0 0 30px; object-fit: contain; }
.hg-brand > span { font: 400 17px/1.2 Montserrat, sans-serif; letter-spacing: -.055em; }
.hg-brand small { display: block; margin-top: 4px; font: 400 10px/1.4 Pretendard, "Noto Sans KR", sans-serif; letter-spacing: .16em; }
.hg-brand:focus-visible { outline: 2px solid #1f6b3f; outline-offset: 5px; }
@media (max-width: 740px) {
  a.hg-brand { gap: 8px; }
  .hg-brand > img { width: 27px; height: 27px; flex-basis: 27px; }
  .hg-brand > span { font-size: 15px; }
  .hg-brand small { font-size: 8px; }
}

/* Aurora's SDK inserts .loader > .spinner in carts, options and page loads.
 * Leave its sm/md/lg/full dimensions and container geometry untouched. */
.spinner,
.alert--loading::before {
  border: 0;
  border-radius: 0;
  background: transparent url('/assets/hello-greency/logo.svg') center / contain no-repeat;
  animation: hg-clover-spin 1.8s linear infinite;
  transform-origin: center;
}
.alert--loading::before { animation-name: hg-clover-alert-spin; }
@keyframes hg-clover-spin { to { transform: rotate(360deg); } }
@keyframes hg-clover-alert-spin {
  from { transform: translateY(2px) rotate(0deg); }
  to { transform: translateY(2px) rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
  .spinner, .alert--loading::before,
  .loader--sm::after, .loader--md::after, .loader--lg::after { animation: none; }
}

/* END HELLO GREENCY COMMON */