.bvl-cart{
  --bvlc-bg:#F7F3EB; --bvlc-bg-soft:#FCFAF4; --bvlc-ink:#1C1A16; --bvlc-ink-2:#34302A;
  --bvlc-muted:#756D60; --bvlc-muted-2:#9A9184; --bvlc-line:#E7E0D2; --bvlc-line-soft:#F0EBDF;
  --bvlc-accent:#B28E4B; --bvlc-accent-deep:#8C6E36;
  --bvlc-serif:"Be Vietnam Pro",system-ui,-apple-system,sans-serif;
  --bvlc-sans:"Be Vietnam Pro",system-ui,-apple-system,sans-serif;
  --bvlc-readw:860px; --bvlc-gutter:clamp(20px,5vw,64px);
  font-family:var(--bvlc-sans); color:var(--bvlc-ink); line-height:1.65;
}
body.bvl-cart-page{ background:#F7F3EB; }
.bvl-cart *{ box-sizing:border-box; }
.bvl-cart img{ display:block; max-width:100%; }

.bvlc-wrap{ width:100%; max-width:1240px; margin:0 auto; padding:0 var(--bvlc-gutter); }
.bvlc-post{ padding:clamp(44px,6vw,72px) 0 clamp(50px,8vw,90px); }
.bvlc-inner{ max-width:var(--bvlc-readw); margin:0 auto; }

.bvlc-eyebrow{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; font-size:12px; letter-spacing:.26em; text-transform:uppercase; font-weight:600; color:var(--bvlc-accent-deep); }
.bvlc-dash{ width:30px; height:1px; background:currentColor; opacity:.55; }

.bvlc-title{ font-family:var(--bvlc-serif); font-weight:600; font-size:clamp(24px,3.2vw,36px); line-height:1.2; margin:26px 0 0; color:var(--bvlc-ink); letter-spacing:-.01em; }
.bvlc-title em{ font-style:italic; color:var(--bvlc-accent-deep); }

.bvlc-lead{ margin:30px 0 0; font-size:clamp(17px,1.6vw,19px); line-height:1.7; color:var(--bvlc-ink-2); padding-left:22px; border-left:2px solid var(--bvlc-accent); }
.bvlc-divider{ height:1px; background:var(--bvlc-line); margin:clamp(40px,5vw,60px) auto 0; max-width:var(--bvlc-readw); }

.bvlc-cart{ max-width:var(--bvlc-readw); margin:0 auto; }
.bvlc-zone{ margin-top:clamp(40px,5vw,58px); }
.bvlc-zone-head{ display:flex; align-items:baseline; justify-content:space-between; gap:18px; padding-bottom:14px; border-bottom:1px solid var(--bvlc-ink); margin-bottom:6px; }
.bvlc-zone-name{ font-family:var(--bvlc-serif); font-weight:600; font-size:clamp(18px,2.2vw,22px); color:var(--bvlc-ink); letter-spacing:-.01em; margin:0; }

.bvlc-unit{ display:flex; align-items:baseline; justify-content:space-between; gap:28px; padding:16px 6px 16px 0; border-bottom:1px solid var(--bvlc-line-soft); transition:background .2s ease; }
.bvlc-unit:hover{ background:var(--bvlc-bg-soft); }
.bvlc-unit:last-child{ border-bottom:none; }
.bvlc-unit-main{ line-height:1.55; }
.bvlc-unit-name{ font-weight:600; color:var(--bvlc-ink); font-size:16.5px; }
.bvlc-unit-code{ color:var(--bvlc-muted-2); font-weight:500; font-size:14px; margin-left:8px; letter-spacing:.01em; }
.bvlc-unit-sep{ display:inline; color:var(--bvlc-accent); margin:0 8px; font-weight:normal; }
.bvlc-unit-sep::before{ content:"-"; }
.bvlc-unit-detail{ color:var(--bvlc-muted); font-size:14.5px; }
.bvlc-unit-price{ font-family:var(--bvlc-serif); color:var(--bvlc-accent-deep); font-size:clamp(19px,2.2vw,23px); line-height:1; white-space:nowrap; flex:none; }
.bvlc-unit-price small{ font-family:var(--bvlc-sans); font-size:13px; font-weight:500; color:var(--bvlc-muted); margin-left:4px; }

@media (max-width:620px){
  .bvlc-unit{ flex-direction:column; gap:8px; align-items:flex-start; }
  .bvlc-unit-price{ order:-1; font-size:22px; }
}