/* OZVAPE Shop – 细节美化与科技感动效（仅动效/阴影/透明度，不改变布局尺寸） */
:root{
  --oz-gold:#d8b46a;
  --oz-gold-soft:rgba(216,180,106,.35);
  --oz-glow:rgba(216,180,106,.28);
}

/* 1) 按钮：悬浮光晕 + 扫光 */
.button, button.button, input[type=submit], .single_add_to_cart_button, .checkout-button, .wc-forward{
  position:relative;
  overflow:hidden;
  transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;
  will-change:transform;
}
.button:hover, button.button:hover, input[type=submit]:hover,
.single_add_to_cart_button:hover, .checkout-button:hover, .wc-forward:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 24px var(--oz-glow);
}
.button::after, .single_add_to_cart_button::after, .checkout-button::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.32) 50%,transparent 70%);
  transform:translateX(-120%);
  transition:transform .65s ease;
}
.button:hover::after, .single_add_to_cart_button:hover::after, .checkout-button:hover::after{
  transform:translateX(120%);
}

/* 2) 商品卡：抬升 + 图片轻微缩放 */
.product-small .box-image{overflow:hidden;}
.product-small .box-image img{
  transition:transform .5s cubic-bezier(.2,.6,.2,1);
  will-change:transform;
}
.product-small:hover .box-image img{transform:scale(1.04);}
.product-small .box{transition:box-shadow .3s ease,transform .3s ease;}
.product-small:hover .box{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.12);}

/* 3) 分类瓦片：图片缓推 + 边框微光 */
.box.category .box-image{overflow:hidden;}
.box.category .box-image img{transition:transform .55s ease;}
.box.category:hover .box-image img{transform:scale(1.05);}
.box.category .box-text{box-shadow:inset 0 -2px 0 0 transparent;transition:box-shadow .3s ease;}
.box.category:hover .box-text{box-shadow:inset 0 -2px 0 0 var(--oz-gold-soft);}

/* 4) 促销角标：柔和脉冲 */
.onsale,.badge.onsale,.badge-container .badge{
  animation:ozPulse 2.8s ease-in-out infinite;
}
@keyframes ozPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(216,180,106,.5);}
  55%{box-shadow:0 0 0 9px rgba(216,180,106,0);}
}

/* 5) 区块标题：渐变短线呼吸 */
.section-title{position:relative;}
.section-title::after{
  content:"";display:block;height:2px;width:38px;margin-top:8px;
  background:linear-gradient(90deg,var(--oz-gold),transparent);
  transform-origin:left;
  animation:ozLine 3s ease-in-out infinite;
}
@keyframes ozLine{
  0%,100%{transform:scaleX(.55);opacity:.55;}
  50%{transform:scaleX(1);opacity:1;}
}

/* 6) 导航与链接：颜色过渡 */
.header-nav .nav-top-link,.header-nav .nav>li>a{transition:color .2s ease;}
.header-nav .nav-top-link:hover,.header-nav .nav>li>a:hover{color:var(--oz-gold);}

/* 7) 输入框与卡片焦点态微光（提升可用性） */
input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,textarea:focus,select:focus{
  box-shadow:0 0 0 3px var(--oz-gold-soft);
  transition:box-shadow .2s ease;
}

/* 8) 滚动淡入（仅作用于首屏之外的区块） */
.oz-reveal{opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .6s ease;}
.oz-reveal.oz-in{opacity:1;transform:none;}

/* 9) 尊重系统「减少动态效果」 */
@media (prefers-reduced-motion: reduce){
  .button::after,.single_add_to_cart_button::after,.checkout-button::after,
  .section-title::after,.onsale,.badge{animation:none !important;}
  .oz-reveal{opacity:1;transform:none;transition:none;}
  .product-small:hover .box-image img,.box.category:hover .box-image img{transform:none;}
}

/* 10) 商品列表卡片（商店/分类/相关商品）：统一内边距 + 悬浮白底
   仅作用于 WooCommerce 商品列表 .products .product-small，避免影响通栏 .box 组件 */
.products .product-small .box{
	padding:0 0 10px;
	border-radius:14px;
	transition:box-shadow .3s ease, transform .3s ease, background-color .3s ease;
	background-color:transparent;
}
.products .product-small .box-text{padding:10px 10px 0 !important;}
.products .product-small .box-text .category{margin-bottom:4px;letter-spacing:.04em;}
.products .product-small .box-text .name{padding-right:4px;}
.products .product-small .box-text .price{margin:6px 0 10px;}
.products .product-small .box-text .button{margin:0 6px 6px 0;}
.products .product-small .box-text .added_to_cart{margin-left:2px;}
.products .product-small:hover .box{
	background-color:#fff;
	box-shadow:0 14px 30px rgba(0,0,0,.12);
	transform:translateY(-3px);
}
@media (max-width:900px){
	.products .product-small .box{padding:0 0 10px;}
	.products .product-small .box-text{padding:10px 10px 0 !important;}
}
@media (prefers-reduced-motion: reduce){
	.products .product-small:hover .box{transform:none;}
}

/* 11) 结账地址引导与购物车提示 */
.oz-checkout-help{margin:0 0 18px;padding:16px 18px;border:1px solid rgba(216,180,106,.4);border-radius:14px;background:rgba(216,180,106,.08);font-size:14px;line-height:1.6;}
.oz-checkout-help h3{margin:0 0 8px;font-size:16px;}
.oz-checkout-help ol{margin:0 0 8px;padding-left:18px;}
.oz-checkout-help li{margin-bottom:4px;}
.oz-checkout-help__note{margin:10px 0 0;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.7);border:1px solid rgba(0,0,0,.06);font-size:13px;color:#3b3b45;}
.oz-address-tip{margin:12px 0;padding:10px 12px;border-radius:10px;background:rgba(216,180,106,.1);border:1px solid rgba(216,180,106,.35);font-size:13px;line-height:1.55;}