/* Vinacacao — bo góc mềm mại (mức vừa phải). Nạp SAU theme.css và shop.css.
   Muốn đổi độ tròn: sửa các biến --r-* bên dưới. */
:root{
  --r:12px;--r-xs:8px;--r-sm:12px;--r-md:16px;--r-lg:20px;--r-xl:28px;--r-2xl:40px;
  --inset:28px;--blockw:1384px;
}

/* ---- Khối lớn toàn trang: thành các "tấm" bo góc ---- */
.hero{border-radius:0 0 var(--r-2xl) var(--r-2xl)}
.phead{border-radius:0 0 var(--r-xl) var(--r-xl)}
.phead:not(.phead--slim):not(.phead--plain){clip-path:ellipse(112% 100% at 50% 0)}
.phead--slim{border-radius:0 0 var(--r-lg) var(--r-lg)}
.banner,.nl,.sec--cream,.intro,.stats{width:calc(100% - var(--inset)*2);max-width:var(--blockw);margin-left:auto;margin-right:auto;border-radius:var(--r-xl)}
.banner,.nl{margin-top:28px;margin-bottom:28px}
.sec--cream{margin-top:22px;margin-bottom:22px}
.intro{margin-top:34px;margin-bottom:0}
.stats{border:0;margin-top:28px;margin-bottom:28px}
.nl{margin-bottom:0}
.ft{border-radius:var(--r-2xl) var(--r-2xl) 0 0;margin-top:56px}
body.page-checkout .ft,body.page-cart .ft{margin-top:30px}

/* ---- Thẻ & ảnh ---- */
.pcard,.ncard,.vcard,.office,.form-card,.form--card,.summary,.ocard,.cfs,.toc,.perk{border-radius:var(--r-lg)}
.ccard{border-radius:var(--r-lg)}
.pgallery__main,.hl__img img,.hl__img .ph,.about__img img,.about__img .ph,.factory figure,.map,.regions__map,.prose img,.prose--article img{border-radius:var(--r-lg)}
.pgallery__thumbs button,.results__img,.ml__img img,.cl__img{border-radius:var(--r-sm)}
.ph{border-radius:inherit}
.pcard__img,.ncard__img{border-radius:0}
.pcard__badge,.pcard__sale,.tag,.chips a,.pprice__off,.stock{border-radius:999px}
.pay{border-radius:var(--r-md)}
.pgallery__main{overflow:hidden}
.trust--row li{border-radius:var(--r-md)}
.result__ic,.cart-empty__ic{box-shadow:0 10px 28px rgba(43,23,15,.12)}

/* ---- Form, nút, ô nhập ---- */
.input,.textarea{border-radius:var(--r-sm)}
.alert{border-radius:var(--r-sm)}
.btn,.btn--sm,.btn--lg{border-radius:999px}
.bigsearch{border-radius:999px}
.bigsearch input{padding-left:24px}
.nl__form{border-radius:999px;overflow:hidden}
.nl__form input{padding-left:24px}
.nl__form .btn{border-radius:999px;margin:4px}
.searchbar input,.drawer__search input{border-radius:999px}
.pagination__item,.pagination a,.pagination span{border-radius:999px}
.catnav a{border-radius:var(--r-sm)}
.tabs__btn{border-radius:var(--r-xs) var(--r-xs) 0 0}
.qty{border-radius:999px}

/* ---- Menu, ngăn kéo, giỏ mini ---- */
.nav__sub{border-radius:0 0 var(--r-md) var(--r-md);overflow:hidden}
.drawer__panel{border-radius:var(--r-xl) 0 0 var(--r-xl)}
.minicart__panel{border-radius:var(--r-xl) 0 0 var(--r-xl);overflow:hidden}
.hd.is-scrolled{border-radius:0 0 var(--r-lg) var(--r-lg)}
.hero__strip{border-radius:0}
.buybar{border-radius:var(--r-lg) var(--r-lg) 0 0}
.toast{border-radius:999px}

@media (max-width:900px){
  :root{--inset:14px;--r-xl:22px;--r-2xl:28px}
  .banner,.nl{margin-top:20px;margin-bottom:20px}
  .sec--cream{margin-top:14px;margin-bottom:14px}
  .ft{margin-top:40px}
  .hd.is-scrolled{border-radius:0 0 var(--r-md) var(--r-md)}
}
@media (max-width:640px){
  :root{--r-lg:16px}
  .pcard,.ncard{border-radius:var(--r-md)}
  .drawer__panel,.minicart__panel{border-radius:var(--r-lg) 0 0 var(--r-lg)}
}