/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy-child
 * Domain Path: /languages
 */
/* =========================
   會員 / 商店頁面設計變數
   （登入註冊、帳戶中心、購物車、結帳頁面共用）
========================= */
:root {
    --bc-page-bg: #FAFBFC;
    --bc-accent: #953a3f;
    --bc-accent-hover: #7a2f33;
    --bc-text: #333333;
    --bc-border: #e2e2e2;
}

/* --- 標題系列 --- */
/* =========================
   Heading
========================= */

.s110 {
    font-size:clamp(2.75rem, 1.1rem + 5vw, 6.875rem);
}

.s95 {
    font-size:clamp(2.25rem, 1.2rem + 3.8vw, 5.9375rem); /* 36-95 */
}

.s80 {
    font-size:clamp(1.875rem, 1rem + 3.2vw, 5rem); /* 30-80 */
}

.s65 {
    font-size:clamp(1.5rem, 1rem + 2.2vw, 4.0625rem); /* 24-65 */
}

.s50 {
    font-size:clamp(1.375rem, 1rem + 1.5vw, 3.125rem); /* 22-50 */
}

.s40 {
    font-size:clamp(1.25rem, 0.95rem + 1.1vw, 2.5rem); /* 20-40 */
}

.s32 {
    font-size:clamp(1.125rem, 0.85rem + 0.8vw, 2rem); /* 18-32 */
}

.s30 {
    font-size:clamp(1rem, 0.8rem + 0.7vw, 1.875rem); /* 16-30 */
}


/* =========================
   Body Text
========================= */

.s24 {
    font-size:clamp(1rem, 0.9rem + 0.4vw, 1.5rem); /* 16-24 */
}

.s20 {
    font-size:clamp(0.875rem, 0.8rem + 0.25vw, 1.25rem); /* 14-20 */
}

.s18 {
    font-size:clamp(0.8125rem, 0.75rem + 0.2vw, 1.125rem); /* 13-18 */
}

.s16 {
  font-size: clamp(0.75rem, 0.85vw, 1rem);
}


.elementor-icon-wrapper {
    margin-bottom: -8px;
}

/*前台banner大图动画*/
.bgdh::after {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background-image: inherit; 
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
  transform: scale(1);
  animation: zoomInOut 12s infinite alternate ease-in-out;
  will-change: transform;
}

.bgdh::before{
    z-index: 1;
}

/* 保证内容层正常显示在上方 */
.bgdh {
  position: relative;
  z-index: 0;
  overflow:hidden;
}

/* 动画关键帧 */
@keyframes zoomInOut {
  0% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}