/* 款式详情页左上的一叠小按钮：返回 → 收藏 → 加入购物车（自上而下） */
.or-left{display:flex;flex-direction:column;align-items:flex-start;gap:8px;}
.or-fav{
  display:flex;align-items:center;justify-content:center;gap:4px;height:26px;min-width:104px;padding:0 10px;border-radius:999px;
  font-size:11.5px;letter-spacing:.06em;color:var(--gold-dark);
  background:rgba(246,236,214,.5);border:1px solid rgba(196,161,90,.35);transition:.2s;
}
/* display:flex 会盖掉浏览器默认的 [hidden]{display:none}，不补这行按钮藏不住 */
.or-fav[hidden]{display:none;}
.or-fav svg{width:13px;height:13px;fill:none;stroke:var(--gold-dark);stroke-width:1.9;stroke-linejoin:round;transition:.2s;}
.or-fav.on{background:rgba(246,236,214,.95);}
.or-fav.on svg{fill:var(--gold);}
.or-fav:active{transform:translateY(1px);}
/* 左侧这叠按钮和右侧的占位块同宽，标题才会正好落在中间 */
#order .or-left{min-width:104px;}
#order .or-bar .sp{width:104px;}

.or-bar{
  position:relative;flex:0 0 auto;
  display:flex;align-items:center;gap:10px;padding:6px 16px 10px;
}
.or-bar .back{display:flex;align-items:center;gap:3px;font-size:14px;color:var(--ink-2);}
.or-bar .back svg{width:18px;height:18px;stroke:var(--ink-2);stroke-width:2.2;}
.or-bar .ttl{flex:1;text-align:center;font-family:var(--serif);font-size:15.5px;font-weight:600;letter-spacing:.14em;}
.or-bar .sp{width:46px;flex:0 0 auto;}

.or-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 18px 18px;}
.or-scroll::-webkit-scrollbar{width:0;}

.or-hero{height:236px;display:flex;align-items:center;justify-content:center;}
.or-hero img{max-width:100%;max-height:100%;filter:drop-shadow(0 18px 32px rgba(150,120,60,.2));}
/* 款式详情 / 下单页的成品手串图：珠圈中心同样垫一张品牌图（R68）。
   挂在 #orHero 这张 img 上而不是 .or-hero 上 —— 手机壳链走的是 #orHeroPh，这样它不会误加；
   尺寸 34%：这张 canvas 的珠圈半径 = 460*0.34，img 方框 236px ⇒ 236*0.34 ≈ 珠圈半径，与卡片同比例。 */
#orHero{background:url('/brand/brand-720.webp') center/auto 34% no-repeat;}
.or-hero .ph{font-size:11.5px;color:var(--muted-2);letter-spacing:.08em;}